:root { --bg: #0e131d; --surface: #161d2a; --line: #273246; --fg: #e9edf4; --muted: #98a3b6; --accent: #4aa3e6; --accent-ink: #06121f; --sel: #4aa3e6; --brand: #4aa3e6; --beam: color-mix(in srgb, #4aa3e6 20%, transparent); --surface-2: color-mix(in srgb, #161d2a 93%, #e9edf4); color-scheme: dark; }
:root[data-theme="dark"] { --bg: #0e131d; --surface: #161d2a; --line: #273246; --fg: #e9edf4; --muted: #98a3b6; --accent: #4aa3e6; --accent-ink: #06121f; --sel: #4aa3e6; --brand: #4aa3e6; --beam: color-mix(in srgb, #4aa3e6 20%, transparent); --surface-2: color-mix(in srgb, #161d2a 93%, #e9edf4); color-scheme: dark; }
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { --bg: #f4f5f8; --surface: #ffffff; --line: #d9dee8; --fg: #121826; --muted: #566074; --accent: #0071bc; --accent-ink: #ffffff; --sel: #0071bc; --brand: #0071bc; --beam: color-mix(in srgb, #0071bc 12%, transparent); --surface-2: color-mix(in srgb, #ffffff 93%, #121826); color-scheme: light; } }
:root[data-theme="light"] { --bg: #f4f5f8; --surface: #ffffff; --line: #d9dee8; --fg: #121826; --muted: #566074; --accent: #0071bc; --accent-ink: #ffffff; --sel: #0071bc; --brand: #0071bc; --beam: color-mix(in srgb, #0071bc 12%, transparent); --surface-2: color-mix(in srgb, #ffffff 93%, #121826); color-scheme: light; }