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

refactor(ui): tokenize alert toast colors

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

12
web/src/App.tsx
View File

@ -195,8 +195,8 @@ function App() {
{hasCriticalEvents && ( {hasCriticalEvents && (
<div style={{ <div style={{
position: 'fixed', top: 0, left: 0, right: 0, zIndex: 9999, position: 'fixed', top: 0, left: 0, right: 0, zIndex: 9999,
background: 'linear-gradient(90deg, #7f1d1d 0%, #dc2626 50%, #7f1d1d 100%)', background: 'linear-gradient(90deg, var(--bl-danger-muted) 0%, var(--bl-danger) 50%, var(--bl-danger-muted) 100%)',
color: '#fff', color: 'var(--primary-foreground)',
padding: '6px 20px', padding: '6px 20px',
textAlign: 'center', textAlign: 'center',
fontSize: 11, fontSize: 11,
@ -233,10 +233,10 @@ function App() {
}}> }}>
{simpleToasts.map((toast) => { {simpleToasts.map((toast) => {
const palette = toast.severity === 'ERROR' const palette = toast.severity === 'ERROR'
? { border: 'rgba(239,68,68,0.35)', bg: 'rgba(127,29,29,0.95)', fg: '#fff' } ? { border: 'var(--bl-danger-border, var(--bl-danger))', bg: 'var(--bl-danger-muted)', fg: 'var(--foreground)' }
: toast.severity === 'WARN' : toast.severity === 'WARN'
? { border: 'rgba(245,158,11,0.35)', bg: 'rgba(120,53,15,0.95)', fg: '#fff' } ? { border: 'var(--bl-warning-border, var(--bl-warning))', bg: 'var(--bl-warning-muted)', fg: 'var(--foreground)' }
: { border: 'rgba(16,185,129,0.35)', bg: 'rgba(6,78,59,0.95)', fg: '#fff' }; : { border: 'var(--bl-success-border, var(--bl-success))', bg: 'var(--bl-success-muted)', fg: 'var(--foreground)' };
return ( return (
<div <div
key={toast.id} key={toast.id}
@ -246,7 +246,7 @@ function App() {
color: palette.fg, color: palette.fg,
borderRadius: 16, borderRadius: 16,
padding: '12px 14px', padding: '12px 14px',
boxShadow: '0 12px 32px rgba(0,0,0,0.28)', boxShadow: 'var(--card-shadow)',
fontSize: 13, fontSize: 13,
lineHeight: 1.45, lineHeight: 1.45,
backdropFilter: 'blur(8px)', backdropFilter: 'blur(8px)',