:root { --bg-0: #0e1116; --bg-1: #151a21; --bg-2: #1c222b; --bg-3: #252c37; --border: #2a323d; --text-0: #e6edf3; --text-1: #9ba6b3; --text-2: #6b7683; --accent: #4ea1ff; --accent-2: #ff6b6b; --ok: #3fb950; --warn: #f0b13b; --danger: #ef4444; --mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace; } /* Light theme — toggled by adding .light to . Note: some inline-hex JS styles (a few tab cssText literals, the restore banner) do not follow this. */ html.light { --bg-0: #f4f6f9; --bg-1: #ffffff; --bg-2: #eef1f5; --bg-3: #e1e6ec; --border: #d0d7e0; --text-0: #1a2027; --text-1: #4a5560; --text-2: #6b7683; --accent: #2563eb; --accent-2: #e0484d; --ok: #1a8a3a; --warn: #b97e10; --danger: #dc2626; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 13px; line-height: 1.4; color: var(--text-0); background: var(--bg-0); } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: var(--bg-1); } ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: var(--text-2); }