refactor(ui): tokenize settings status colors

This commit is contained in:
Saravana Achu Mac 2026-05-06 20:32:44 -07:00
parent af74867fc0
commit 8f707e0490

View File

@ -166,7 +166,7 @@ export const SettingsTab = ({ botState }: SettingsTabProps) => {
<Input <Input
value={profile?.role || 'user'} value={profile?.role || 'user'}
disabled={true} disabled={true}
style={{ background: 'rgba(255, 255, 255, 0.02)', color: '#888', fontStyle: 'italic' }} style={{ background: 'color-mix(in oklab, var(--foreground) 2%, transparent)', color: 'var(--muted-foreground)', fontStyle: 'italic' }}
/> />
</div> </div>
@ -180,7 +180,7 @@ export const SettingsTab = ({ botState }: SettingsTabProps) => {
onChange={handleChange} onChange={handleChange}
disabled={!editing} disabled={!editing}
/> />
<span className="toggle-label" style={{ color: formData.trade_enable ? '#00ff88' : '#ff3366' }}> <span className="toggle-label" style={{ color: formData.trade_enable ? 'var(--bl-success)' : 'var(--bl-danger)' }}>
{formData.trade_enable ? 'Enabled' : 'Disabled'} {formData.trade_enable ? 'Enabled' : 'Disabled'}
</span> </span>
</div> </div>