UI
The site's look, from style.css as it is. The table is read when the pages are built; everything below it is the live CSS, in the theme this device uses for the site.
Colour tokens
| Token | Dark (the default) | Light |
|---|---|---|
--bg | #0B1120 | #F1F5F9 |
--panel | #111827 | #FFFFFF |
--panel-2 | #1E293B | #F8FAFC |
--panel-3 | #0F172A | #FFFFFF |
--border | #334155 | #CBD5E1 |
--text | #F8FAFC | #0F172A |
--text-dim | #94A3B8 | #475569 |
--text-faint | #8391A7 | #5B6B80 |
--text-2 | #CBD5E1 | #334155 |
--att | #3B82F6 | #2563EB |
--def | #8B5CF6 | #7C3AED |
--green | #10B981 | #047857 |
--amber | #F59E0B | #B45309 |
--red | #EF4444 | #DC2626 |
--gold | #FFD700 | #D97706 |
--lead | #FFD700 | #806500 |
--lead-bg | rgba(255,215,0,0.12) | #FEF9C3 |
--paper | rgba(251,240,205,0.11) | #FBF6E6 |
--paper-ink | #F3E7C4 | #4A3A10 |
--paper-edge | rgba(243,231,196,0.5) | #CDBB8A |
--paper-strong | rgba(251,240,205,0.18) | #F5ECCF |
--imp | #60A5FA | #1D4ED8 |
--cha | #F87171 | #B91C1C |
--xen | #34D399 | #047857 |
--sky | #38BDF8 | #0369A1 |
--teal | #22D3EE | #0E7490 |
--att-fill | #2563EB | #2563EB |
--def-fill | #7C3AED | #7C3AED |
--green-fill | #047857 | #047857 |
--def-text | #A78BFA | #7C3AED |
--att-soft | #93C5FD | #1D4ED8 |
--def-soft | #C4B5FD | #6D28D9 |
--soft | rgba(255,255,255,0.05) | #F1F5F9 |
--chip-bg | rgba(255,255,255,0.1) | #F1F5F9 |
--chip-border | rgba(255,255,255,0.2) | #CBD5E1 |
--warn-bg | rgba(255,179,0,0.15) | #FEF3C7 |
--danger-bg | rgba(239,68,68,0.2) | #FEE2E2 |
--drag-bg | rgba(59,130,246,0.08) | #EFF6FF |
--shadow | rgba(0,0,0,0.5) | rgba(15,23,42,0.12) |
--shadow-sm | rgba(0,0,0,0.15) | rgba(15,23,42,0.06) |
--statline-bg | rgba(20,20,25,0.6) | #F1F5F9 |
--stat-k | #90CAF9 | #1D4ED8 |
--stat-v | #FFFFFF | #0F172A |
--mean-glow | 0 0 12px currentColor | none |
--svg-label | #888888 | #64748B |
--c0 | #7347af | #b88dfe |
--c1 | #6469d3 | #7c83f7 |
--c2 | #498beb | #347ae0 |
--c3 | #04b2e0 | #027493 |
--c4 | #0fd3c3 | #01655c |
--c5 | #76e993 | #005423 |
Buttons and chips
The card's heads, three states
Empty, holding something, and open (the accordion's part showing).
The four toggles
The funnel's ramp
--c0--c1--c2--c3--c4--c5Type scale
11px · Intercessor Squad strike first
12px · Intercessor Squad strike first
13px · Intercessor Squad strike first
14px · Intercessor Squad strike first
15px · Intercessor Squad strike first
16px · Intercessor Squad strike first
18px · Intercessor Squad strike first
22px · Intercessor Squad strike first
28px · Intercessor Squad strike first