refactor(ui): tokenize backtest and screener status colors

This commit is contained in:
root 2026-05-07 05:40:44 +00:00
parent 2455d40d04
commit 8d84c3bf0d
2 changed files with 4 additions and 4 deletions

View File

@ -98,12 +98,12 @@ export const BacktestTab: React.FC<BacktestTabProps> = ({ previewAsCustomer = fa
</span> </span>
</div> </div>
{!backtestGateLoading && !backtestEnabled && ( {!backtestGateLoading && !backtestEnabled && (
<p style={{ margin: 0, fontSize: '12px', color: '#fca5a5' }}> <p style={{ margin: 0, fontSize: '12px', color: 'var(--bl-danger-muted)' }}>
Backtest access is currently disabled for this view. Admin can enable it in Config {'>'} Backtest Access Control. Backtest access is currently disabled for this view. Admin can enable it in Config {'>'} Backtest Access Control.
</p> </p>
)} )}
{!backtestGateLoading && backtestEnabled && ( {!backtestGateLoading && backtestEnabled && (
<p style={{ margin: 0, fontSize: '12px', color: '#9ca3af' }}> <p style={{ margin: 0, fontSize: '12px', color: 'var(--bl-text-faint)' }}>
Backtest access is enabled for this view. Backtest access is enabled for this view.
</p> </p>
)} )}
@ -114,7 +114,7 @@ export const BacktestTab: React.FC<BacktestTabProps> = ({ previewAsCustomer = fa
{backtestGateLoading ? ( {backtestGateLoading ? (
<Card><CardContent style={{ padding: 18, color: 'var(--muted-foreground)', fontSize: 12 }}>Resolving backtest access...</CardContent></Card> <Card><CardContent style={{ padding: 18, color: 'var(--muted-foreground)', fontSize: 12 }}>Resolving backtest access...</CardContent></Card>
) : !backtestEnabled ? ( ) : !backtestEnabled ? (
<Card><CardContent style={{ padding: 18, color: '#DC2626', fontSize: 12 }}>Backtest is disabled for this account view.</CardContent></Card> <Card><CardContent style={{ padding: 18, color: 'var(--bl-danger)', fontSize: 12 }}>Backtest is disabled for this account view.</CardContent></Card>
) : loadingProfiles ? ( ) : loadingProfiles ? (
<Card><CardContent style={{ padding: 18, color: 'var(--muted-foreground)', fontSize: 12 }}>Loading strategy profiles...</CardContent></Card> <Card><CardContent style={{ padding: 18, color: 'var(--muted-foreground)', fontSize: 12 }}>Loading strategy profiles...</CardContent></Card>
) : profiles.length === 0 ? ( ) : profiles.length === 0 ? (

View File

@ -312,7 +312,7 @@ export function ScreenerView() {
</span> </span>
<span style={{ <span style={{
fontSize: 12, fontWeight: 600, fontSize: 12, fontWeight: 600,
color: row.changesPercentage >= 0 ? '#16A34A' : '#DC2626', color: row.changesPercentage >= 0 ? 'var(--bl-success)' : 'var(--bl-danger)',
}}> }}>
{row.changesPercentage >= 0 ? '+' : ''}{row.changesPercentage?.toFixed(2)}% {row.changesPercentage >= 0 ? '+' : ''}{row.changesPercentage?.toFixed(2)}%
</span> </span>