gabogg/semillero-special-hotel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app/dashboard/page.module.css
View file

@ -46,9 +46,8 @@
} }
} }
/* Glassmorphic Metric Card */
.metricCard { .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); backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
border: 1px solid var(--border); border: 1px solid var(--border);
@ -61,6 +60,12 @@
transition: transform var(--transition-normal), box-shadow var(--transition-normal); 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 { [data-theme='dark'] .metricCard {
background: hsla(220, 30%, 11%, 0.85); background: hsla(220, 30%, 11%, 0.85);
} }

9
src/app/history/page.module.css
View file

@ -67,9 +67,8 @@
border-color: var(--foreground); border-color: var(--foreground);
} }
/* Glassmorphic Filters card */
.filterCard { .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); backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
border: 1px solid var(--border); border: 1px solid var(--border);
@ -84,6 +83,12 @@
transition: transform var(--transition-normal), box-shadow var(--transition-normal); 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 { [data-theme='dark'] .filterCard {
background: hsla(220, 30%, 11%, 0.85); background: hsla(220, 30%, 11%, 0.85);
} }