refactor(ui): tokenize backtest and screener status colors
This commit is contained in:
parent
2455d40d04
commit
8d84c3bf0d
@ -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 ? (
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user