bytelyst/learning_ai_invt_trdg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): tokenize remaining app css surfaces

Browse Source
This commit is contained in:
Saravana Achu Mac 2026-05-06 20:25:16 -07:00
parent 314263d915
commit 0b805bdea3
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/src/App.css
View File

@ -154,11 +154,11 @@ body {
} }
.mode-live { .mode-live {
color: #e67e22; color: var(--bl-warning);
} }
.mode-paper { .mode-paper {
color: #3498db; color: var(--bl-info);
} }
.readiness-grid { .readiness-grid {
@ -194,7 +194,7 @@ body {
.ticker-count { .ticker-count {
font-size: 0.8rem; font-size: 0.8rem;
color: var(--text-dim); color: var(--text-dim);
background: rgba(255, 255, 255, 0.05); background: var(--bl-surface-muted);
padding: 4px 10px; padding: 4px 10px;
border-radius: 100px; border-radius: 100px;
} }
@ -206,8 +206,8 @@ body {
} }
.ticker-item { .ticker-item {
background: rgba(255, 255, 255, 0.02); background: color-mix(in oklab, var(--text-main) 2%, transparent);
border: 1px solid rgba(255, 255, 255, 0.05); border: 1px solid var(--border);
padding: 10px 12px; padding: 10px 12px;
border-radius: 6px; border-radius: 6px;
display: flex; display: flex;
@ -217,8 +217,8 @@ body {
} }
.ticker-item:hover { .ticker-item:hover {
background: rgba(255, 255, 255, 0.04); background: var(--bl-surface-muted);
border-color: rgba(255, 255, 255, 0.1); border-color: var(--border-strong);
transform: translateY(-2px); transform: translateY(-2px);
} }
@ -262,7 +262,7 @@ body {
padding: 30px; padding: 30px;
color: var(--text-dim); color: var(--text-dim);
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.02); background: color-mix(in oklab, var(--text-main) 2%, transparent);
border-radius: 8px; border-radius: 8px;
border: 1px dashed var(--border); border: 1px dashed var(--border);
} }
@ -321,7 +321,7 @@ body {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 8px 12px; padding: 8px 12px;
background: rgba(255, 255, 255, 0.02); background: color-mix(in oklab, var(--text-main) 2%, transparent);
border-radius: 6px; border-radius: 6px;
font-size: 0.85rem; font-size: 0.85rem;
} }
@ -522,12 +522,12 @@ body {
} }
.status-tag.active { .status-tag.active {
background: rgba(52, 152, 219, 0.2); background: var(--bl-info-muted);
color: #3498db; color: var(--bl-info);
} }
.status-tag.pulse { .status-tag.pulse {
background: rgba(0, 255, 136, 0.2); background: var(--bl-success-muted);
color: var(--accent); color: var(--accent);
animation: pulse-opac 2s infinite; animation: pulse-opac 2s infinite;
} }