style: fix hardcoded white background cards in history and dashboard pages

This commit is contained in:
Luis Gabriel Ramos Robles 2026-06-14 01:43:45 +00:00
parent 466dd0e59c
commit 422e400613
2 changed files with 14 additions and 4 deletions

View file

@ -46,9 +46,8 @@
}
}
/* Glassmorphic Metric Card */
.metricCard {
background: hsla(0, 0%, 97%, 0.85);
background: hsla(var(--background-h), var(--background-s), var(--background-l), 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--border);
@ -61,6 +60,12 @@
transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme='light']) .metricCard {
background: hsla(220, 30%, 11%, 0.85);
}
}
[data-theme='dark'] .metricCard {
background: hsla(220, 30%, 11%, 0.85);
}

View file

@ -67,9 +67,8 @@
border-color: var(--foreground);
}
/* Glassmorphic Filters card */
.filterCard {
background: hsla(0, 0%, 97%, 0.85);
background: hsla(var(--background-h), var(--background-s), var(--background-l), 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--border);
@ -84,6 +83,12 @@
transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme='light']) .filterCard {
background: hsla(220, 30%, 11%, 0.85);
}
}
[data-theme='dark'] .filterCard {
background: hsla(220, 30%, 11%, 0.85);
}