38 lines
986 B
CSS
38 lines
986 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* ── Dark theme (default) ── */
|
|
:root {
|
|
--bg: #0d1117;
|
|
--surface: #161b22;
|
|
--border: #30363d;
|
|
--text-primary: #c9d1d9;
|
|
--text-secondary: #8b949e;
|
|
--accent: #4aff8c;
|
|
--accent-dim: rgba(74,255,140,0.1);
|
|
--accent-border: rgba(74,255,140,0.3);
|
|
}
|
|
|
|
/* ── Light theme ── */
|
|
html.light {
|
|
--bg: #f0f6ff;
|
|
--surface: #ffffff;
|
|
--border: #d0d7de;
|
|
--text-primary: #1c2128;
|
|
--text-secondary: #57606a;
|
|
--accent: #0ea5e9;
|
|
--accent-dim: rgba(14,165,233,0.1);
|
|
--accent-border: rgba(14,165,233,0.3);
|
|
}
|
|
|
|
body {
|
|
background-color: var(--bg);
|
|
color: var(--text-primary);
|
|
transition: background-color 0.2s ease, color 0.2s ease;
|
|
}
|
|
|
|
::-webkit-scrollbar { width: 4px; }
|
|
::-webkit-scrollbar-track { background: transparent; }
|
|
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
|