developer/galaxy-game
1
1
Fork 0
Code Issues Pull Requests Actions Packages Releases Wiki Activity

feat(ui): migrate all view bodies to design tokens (F1b)
Tests · UI / test (push) Successful in 2m11s
Details
Tests · UI / test (pull_request) Successful in 2m7s
Details

Browse Source 
Tokenize every remaining component <style> — calculator, order tab,
inspectors, tables, report sections, lobby, auth, mail, battle viewer,
toasts, map overlays. A scripted pass handled the unambiguous core
palette (text/bg/surface/border/accent/danger/muted), the rest were
mapped to the semantic/grey tokens by role.

Remaining colour literals are the documented exceptions only: the
battle-scene SVG data-visualisation palette (fixed dark, like the WebGL
map canvas), overlay scrims (modal / map-canvas), and directional or
deliberate drop shadows. The default theme stays dark until light
coherence is signed off across the views.

Updates ui/docs/design-system.md (migration status + exceptions).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ilia Denisov
2026-05-22 07:24:02 +02:00
parent 973480d812
commit 4ad96b0ef7
58 changed files with 515 additions and 497 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/frontend/src/lib/active-view/mail.svelte
+9 -9
View File
@@ -135,9 +135,9 @@ pane, system-item pane, compose form) live under
.compose-btn {
font: inherit;
padding: 0.35rem 0.75rem;
border: 1px solid #444;
background: #1a1a1a;
color: #fff;
border: 1px solid var(--color-border);
background: var(--color-surface-raised);
color: var(--color-text);
border-radius: 4px;
cursor: pointer;
}
@@ -146,10 +146,10 @@ pane, system-item pane, compose form) live under
cursor: not-allowed;
}
.status {
color: #888;
color: var(--color-text-muted);
}
.status.error {
color: #c62828;
color: var(--color-danger);
}
.panes {
display: grid;
@@ -159,10 +159,10 @@ pane, system-item pane, compose form) live under
}
.list-pane,
.detail-pane {
border: 1px solid #2a2a2a;
border: 1px solid var(--color-border-subtle);
border-radius: 6px;
padding: 0.75rem;
background: #111;
background: var(--color-surface);
overflow: hidden;
}
.list-pane {
@@ -174,9 +174,9 @@ pane, system-item pane, compose form) live under
font: inherit;
margin-bottom: 0.5rem;
padding: 0.25rem 0.5rem;
border: 1px solid #444;
border: 1px solid var(--color-border);
background: transparent;
color: #fff;
color: var(--color-text);
border-radius: 4px;
cursor: pointer;
}