| 1 | @import "tailwindcss"; |
| 2 | @import "@xterm/xterm/css/xterm.css"; |
| 3 | |
| 4 | @theme { |
| 5 | --color-bg-0: #0a0a0b; |
| 6 | --color-bg-1: #111113; |
| 7 | --color-bg-2: #18181b; |
| 8 | --color-bg-3: #1f1f23; |
| 9 | --color-border: #27272a; |
| 10 | --color-fg-0: #fafafa; |
| 11 | --color-fg-1: #d4d4d8; |
| 12 | --color-fg-2: #a1a1aa; |
| 13 | --color-fg-3: #71717a; |
| 14 | --color-accent: #f97316; |
| 15 | --font-mono: |
| 16 | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, |
| 17 | monospace; |
| 18 | } |
| 19 | |
| 20 | html, |
| 21 | body, |
| 22 | #root { |
| 23 | height: 100%; |
| 24 | margin: 0; |
| 25 | background: var(--color-bg-0); |
| 26 | color: var(--color-fg-1); |
| 27 | font-family: |
| 28 | -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; |
| 29 | -webkit-font-smoothing: antialiased; |
| 30 | font-feature-settings: "ss01", "cv11"; |
| 31 | } |
| 32 | |
| 33 | /* Scrollbars */ |
| 34 | *::-webkit-scrollbar { |
| 35 | width: 10px; |
| 36 | height: 10px; |
| 37 | } |
| 38 | *::-webkit-scrollbar-track { |
| 39 | background: transparent; |
| 40 | } |
| 41 | *::-webkit-scrollbar-thumb { |
| 42 | background: var(--color-bg-3); |
| 43 | border-radius: 5px; |
| 44 | border: 2px solid var(--color-bg-0); |
| 45 | } |
| 46 | *::-webkit-scrollbar-thumb:hover { |
| 47 | background: var(--color-border); |
| 48 | } |