/* Color themes shared by index.html, classic.html, and the post pages. The list, labels, and which themes are
light live in themes.js; light themes also get [data-light] on for the few rules that differ. */
:root, [data-theme="amber"] {
--bg: #0e0f10; --bg-2: #151618; --bg-3: #1f2124; --line: #2a2d31;
--fg: #d7d4cc; --dim: #a39f96; --faint: #8a867e;
--accent: #f2b35b; --on-acc: #111; --err: #ff8a7a;
}
[data-theme="green"] {
--bg: #0b0f0b; --bg-2: #111711; --bg-3: #1a221a; --line: #263126;
--fg: #cfe3c8; --dim: #9bb394; --faint: #82987c;
--accent: #8fdc6f; --on-acc: #0a110a; --err: #ff8a7a;
}
[data-theme="gruvbox"] {
--bg: #1d2021; --bg-2: #282828; --bg-3: #32302f; --line: #3c3836;
--fg: #ebdbb2; --dim: #bdae93; --faint: #a89984;
--accent: #fabd2f; --on-acc: #1d2021; --err: #fb4934;
}
[data-theme="tokyo"] {
--bg: #1a1b26; --bg-2: #1f2335; --bg-3: #292e42; --line: #3b4261;
--fg: #c0caf5; --dim: #a9b1d6; --faint: #8b94c0;
--accent: #7aa2f7; --on-acc: #16161e; --err: #f7768e;
}
[data-theme="mocha"] {
--bg: #1e1e2e; --bg-2: #252536; --bg-3: #313244; --line: #45475a;
--fg: #cdd6f4; --dim: #bac2de; --faint: #9399b2;
--accent: #cba6f7; --on-acc: #1e1e2e; --err: #f38ba8;
}
[data-theme="nord"] {
--bg: #2e3440; --bg-2: #3b4252; --bg-3: #434c5e; --line: #4c566a;
--fg: #eceff4; --dim: #d8dee9; --faint: #b5bdce;
--accent: #88c0d0; --on-acc: #2e3440; --err: #e08a92;
}
[data-theme="dracula"] {
--bg: #282a36; --bg-2: #2f3240; --bg-3: #44475a; --line: #4b4f66;
--fg: #f8f8f2; --dim: #d4d4e0; --faint: #aab2da;
--accent: #bd93f9; --on-acc: #1e1f29; --err: #ff6e6e;
}
[data-theme="rosepine"] {
--bg: #191724; --bg-2: #1f1d2e; --bg-3: #26233a; --line: #403d52;
--fg: #e0def4; --dim: #c4c0de; --faint: #908caa;
--accent: #ebbcba; --on-acc: #191724; --err: #eb6f92;
}
[data-theme="kanagawa"] {
--bg: #1f1f28; --bg-2: #2a2a37; --bg-3: #363646; --line: #54546d;
--fg: #dcd7ba; --dim: #c8c093; --faint: #a8a698;
--accent: #7e9cd8; --on-acc: #1f1f28; --err: #e46876;
}
[data-theme="everforest"] {
--bg: #2d353b; --bg-2: #343f44; --bg-3: #3d484d; --line: #475258;
--fg: #d3c6aa; --dim: #bdb49e; --faint: #afb8b0;
--accent: #a7c080; --on-acc: #2d353b; --err: #e67e80;
}
[data-theme="paper"] {
--bg: #f5ead6; --bg-2: #eee0c8; --bg-3: #e5d3b6; --line: #d6c19f;
--fg: #2a2118; --dim: #55473a; --faint: #6b5a48;
--accent: #9a4a0c; --on-acc: #fff8ec; --err: #a3261a;
}
[data-theme="latte"] {
--bg: #eff1f5; --bg-2: #e6e9ef; --bg-3: #dce0e8; --line: #ccd0da;
--fg: #4c4f69; --dim: #575a72; --faint: #5d6076;
--accent: #8839ef; --on-acc: #fff; --err: #c40d35;
}
[data-theme="solarized"] {
--bg: #fdf6e3; --bg-2: #eee8d5; --bg-3: #e4ddc8; --line: #d9d2bd;
--fg: #073642; --dim: #4a5d64; --faint: #4f636b;
--accent: #1f6fa8; --on-acc: #fff; --err: #b52a26;
}
:root { color-scheme: dark; }
[data-light] { color-scheme: light; }