/* ============================================================ themes.css — 8 temas de cor nomeados (4 claros, 4 escuros) Cada bloco redefine os tokens de cor de base.css (:root). Selecionados via atributo data-theme no (ver profile). ============================================================ */ /* ── GitHub Light ────────────────────────────────────────────────────────── */ [data-theme="github-light"] { --bg: #ffffff; --bg-subtle: #f6f8fa; --bg-card: #ffffff; --border: #d0d7de; --border-strong: #8b949e; --text: #1f2328; --text-muted: #59636e; --text-faint: #8b949e; --accent: #0969da; --accent-hover: #0550ae; --code-bg: #f6f8fa; --code-text: #1f2328; --error: #cf222e; --error-bg: #ffebe9; --error-border: #ffc1ba; --success: #1a7f37; --success-bg: #dafbe1; --success-border:#8fdf9f; --warn: #9a6700; --warn-bg: #fff8c5; --warn-border: #eac54f; --danger: #a40e26; --danger-bg: #ffebe9; --danger-border: #ffb3ad; } /* ── VSCode Light ────────────────────────────────────────────────────────── */ [data-theme="vscode-light"] { --bg: #ffffff; --bg-subtle: #f3f3f3; --bg-card: #ffffff; --border: #e5e5e5; --border-strong: #c9c9c9; --text: #3b3b3b; --text-muted: #6e6e6e; --text-faint: #9b9b9b; --accent: #0066bf; --accent-hover: #005299; --code-bg: #f3f3f3; --code-text: #3b3b3b; --error: #a1260d; --error-bg: #fbe4e1; --error-border: #e2a09a; --success: #14750a; --success-bg: #eaf5e8; --success-border:#a8d5a0; --warn: #cc7700; --warn-bg: #fff4de; --warn-border: #e7bd75; --danger: #a1260d; --danger-bg: #fbe4e1; --danger-border: #e2a09a; } /* ── Solarized Light ─────────────────────────────────────────────────────── */ [data-theme="solarized-light"] { --bg: #fdf6e3; --bg-subtle: #eee8d5; --bg-card: #fdf6e3; --border: #d3cbb7; --border-strong: #93a1a1; --text: #073642; --text-muted: #586e75; --text-faint: #839496; --accent: #268bd2; --accent-hover: #1a6ea8; --code-bg: #eee8d5; --code-text: #073642; --error: #dc322f; --error-bg: #f6e6d8; --error-border: #e8a29d; --success: #859900; --success-bg: #eef0d4; --success-border:#b9c465; --warn: #b58900; --warn-bg: #f7edcf; --warn-border: #d9b869; --danger: #d33682; --danger-bg: #f6e2ee; --danger-border: #e8a9cd; } /* ── Atom One Light ──────────────────────────────────────────────────────── */ [data-theme="one-light"] { --bg: #fafafa; --bg-subtle: #f0f0f1; --bg-card: #ffffff; --border: #e5e5e6; --border-strong: #c8c8c9; --text: #383a42; --text-muted: #696c77; --text-faint: #a0a1a7; --accent: #4078f2; --accent-hover: #2f5fd6; --code-bg: #f0f0f1; --code-text: #383a42; --error: #ca1243; --error-bg: #fce7ec; --error-border: #eeaabc; --success: #50a14f; --success-bg: #e7f4e6; --success-border:#a7d4a6; --warn: #c18401; --warn-bg: #faf0d6; --warn-border: #e2be6f; --danger: #e45649; --danger-bg: #fce9e7; --danger-border: #f2b7ae; } /* ── Gruvbox Light ───────────────────────────────────────────────────────── */ [data-theme="gruvbox-light"] { --bg: #fbf1c7; --bg-subtle: #ebdbb2; --bg-card: #f9f5d7; --border: #d5c4a1; --border-strong: #a89984; --text: #3c3836; --text-muted: #665c54; --text-faint: #928374; --accent: #076678; --accent-hover: #427b58; --code-bg: #ebdbb2; --code-text: #3c3836; --error: #9d0006; --error-bg: #f2e5ce; --error-border: #cc8b7a; --success: #79740e; --success-bg: #eee4c8; --success-border:#b0a45f; --warn: #b57614; --warn-bg: #f3e4c3; --warn-border: #d5a24a; --danger: #af3a03; --danger-bg: #f2e0cd; --danger-border: #d5854f; } /* ── GitHub Dark ─────────────────────────────────────────────────────────── */ [data-theme="github-dark"] { --bg: #0d1117; --bg-subtle: #161b22; --bg-card: #161b22; --border: #30363d; --border-strong: #6e7681; --text: #e6edf3; --text-muted: #8b949e; --text-faint: #6e7681; --accent: #58a6ff; --accent-hover: #79c0ff; --code-bg: #161b22; --code-text: #e6edf3; --error: #f85149; --error-bg: #2d1614; --error-border: #7d3a35; --success: #3fb950; --success-bg: #0f2c19; --success-border:#2e6b38; --warn: #d29922; --warn-bg: #2b2007; --warn-border: #7c5e17; --danger: #f85149; --danger-bg: #2d1614; --danger-border: #7d3a35; } /* ── VSCode Dark+ ────────────────────────────────────────────────────────── */ [data-theme="vscode-dark"] { --bg: #1e1e1e; --bg-subtle: #252526; --bg-card: #252526; --border: #3c3c3c; --border-strong: #5a5a5a; --text: #d4d4d4; --text-muted: #a0a0a0; --text-faint: #6a6a6a; --accent: #569cd6; --accent-hover: #9cdcfe; --code-bg: #1e1e1e; --code-text: #d4d4d4; --error: #f48771; --error-bg: #3a2418; --error-border: #7a4632; --success: #4ec9b0; --success-bg: #143430; --success-border:#2f6b5e; --warn: #dcdcaa; --warn-bg: #3a3520; --warn-border: #7a7145; --danger: #f14c4c; --danger-bg: #3a1a1a; --danger-border: #7a3535; } /* ── Dracula ─────────────────────────────────────────────────────────────── */ [data-theme="dracula"] { --bg: #282a36; --bg-subtle: #21222c; --bg-card: #2b2d3a; --border: #44475a; --border-strong: #6272a4; --text: #f8f8f2; --text-muted: #c2c4d6; --text-faint: #6272a4; --accent: #bd93f9; --accent-hover: #d6bcfa; --code-bg: #21222c; --code-text: #f8f8f2; --error: #ff5555; --error-bg: #3a2530; --error-border: #7a4459; --success: #50fa7b; --success-bg: #1b3a2a; --success-border:#357a51; --warn: #f1fa8c; --warn-bg: #3a3a20; --warn-border: #7a7a45; --danger: #ff79c6; --danger-bg: #3a2535; --danger-border: #7a4468; } /* ── Atom One Dark ───────────────────────────────────────────────────────── */ [data-theme="one-dark"] { --bg: #282c34; --bg-subtle: #21252b; --bg-card: #2c313a; --border: #3e4451; --border-strong: #5c6370; --text: #abb2bf; --text-muted: #828997; --text-faint: #5c6370; --accent: #61afef; --accent-hover: #8bc4f4; --code-bg: #21252b; --code-text: #abb2bf; --error: #e06c75; --error-bg: #362a2c; --error-border: #6e4348; --success: #98c379; --success-bg: #2b3327; --success-border:#546b45; --warn: #e5c07b; --warn-bg: #383024; --warn-border: #766248; --danger: #e05a6f; --danger-bg: #36262c; --danger-border: #6e3f49; } /* ── Monokai ─────────────────────────────────────────────────────────────── */ [data-theme="monokai"] { --bg: #272822; --bg-subtle: #1e1f1a; --bg-card: #2d2e27; --border: #49483e; --border-strong: #75715e; --text: #f8f8f2; --text-muted: #cfcfc2; --text-faint: #75715e; --accent: #66d9ef; --accent-hover: #a1efff; --code-bg: #1e1f1a; --code-text: #f8f8f2; --error: #f92672; --error-bg: #3a2130; --error-border: #7a3d54; --success: #a6e22e; --success-bg: #2c3320; --success-border:#5a6b3a; --warn: #e6db74; --warn-bg: #3a3520; --warn-border: #7a7145; --danger: #fd5ff0; --danger-bg: #3a2436; --danger-border: #7a4670; }