:root { --slate: #2b3a67; --slate-soft: #e7eaf4; --bill: #b8862b; --bill-soft: #f8efdc; --reed: #5a6fa8; --reed-soft: #e6eaf6; --link: #2f4c9a; --bg: #f5f5f8; --line: #dfe1ea; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --slate: #aebbe6; --slate-soft: #1f2640; --bill: #e3b867; --bill-soft: #3a2f1c; --reed: #9fb0e0; --reed-soft: #1f2742; --link: #a9c0f2; } }
:root[data-theme="dark"] { --slate: #aebbe6; --slate-soft: #1f2640; --bill: #e3b867; --bill-soft: #3a2f1c; --reed: #9fb0e0; --reed-soft: #1f2742; --link: #a9c0f2; }