feat(client): fix darkmode

This commit is contained in:
perf3ct 2025-06-13 23:00:54 +00:00
parent 667fb26c3d
commit bc303d235c
2 changed files with 21 additions and 5 deletions

View File

@ -135,7 +135,7 @@ const StatsCard: React.FC<StatsCardProps> = ({ title, value, subtitle, icon: Ico
{value} {value}
</Typography> </Typography>
<Typography variant="h6" sx={{ <Typography variant="h6" sx={{
opacity: 0.95, opacity: 0.85,
mb: 0.5, mb: 0.5,
fontWeight: 600, fontWeight: 600,
letterSpacing: '0.025em', letterSpacing: '0.025em',
@ -143,7 +143,7 @@ const StatsCard: React.FC<StatsCardProps> = ({ title, value, subtitle, icon: Ico
{title} {title}
</Typography> </Typography>
<Typography variant="body2" sx={{ <Typography variant="body2" sx={{
opacity: 0.85, opacity: 0.75,
fontWeight: 500, fontWeight: 500,
fontSize: '0.875rem', fontSize: '0.875rem',
}}> }}>
@ -163,7 +163,7 @@ const StatsCard: React.FC<StatsCardProps> = ({ title, value, subtitle, icon: Ico
<TrendingUpIcon sx={{ fontSize: 14 }} /> <TrendingUpIcon sx={{ fontSize: 14 }} />
</Box> </Box>
<Typography variant="caption" sx={{ <Typography variant="caption" sx={{
opacity: 0.95, opacity: 0.8,
fontWeight: 600, fontWeight: 600,
fontSize: '0.75rem', fontSize: '0.75rem',
letterSpacing: '0.025em', letterSpacing: '0.025em',

View File

@ -676,7 +676,15 @@ const GlobalSearchBar: React.FC<GlobalSearchBarProps> = ({ sx, ...props }) => {
size="small" size="small"
color="success" color="success"
variant="outlined" variant="outlined"
sx={{ height: 16, fontSize: '0.6rem' }} sx={{
height: 16,
fontSize: '0.6rem',
'& .MuiChip-label': {
color: theme.palette.mode === 'light'
? 'success.dark'
: 'rgba(102, 187, 106, 0.8)',
},
}}
/> />
)} )}
{doc.search_rank && ( {doc.search_rank && (
@ -686,7 +694,15 @@ const GlobalSearchBar: React.FC<GlobalSearchBarProps> = ({ sx, ...props }) => {
size="small" size="small"
color="info" color="info"
variant="outlined" variant="outlined"
sx={{ height: 16, fontSize: '0.6rem' }} sx={{
height: 16,
fontSize: '0.6rem',
'& .MuiChip-label': {
color: theme.palette.mode === 'light'
? 'info.dark'
: 'rgba(100, 181, 246, 0.8)',
},
}}
/> />
)} )}
</Stack> </Stack>