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
value={profile?.role || 'user'}
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>
@ -180,7 +180,7 @@ export const SettingsTab = ({ botState }: SettingsTabProps) => {
onChange={handleChange}
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'}
</span>
</div>