feat: adapt raster media to dark theme
This commit is contained in:
@@ -51,6 +51,7 @@
|
||||
--tackle-teal: light-dark(#34777a, #78bec1);
|
||||
--tackle-violet: light-dark(#845787, #c795ca);
|
||||
--tackle-red: light-dark(#a95041, #ed8e7c);
|
||||
--hero-image-filter: light-dark(saturate(.92) contrast(1.02), brightness(.78) saturate(.82) contrast(1.08));
|
||||
}
|
||||
|
||||
:root[data-theme="light"] { color-scheme: light; }
|
||||
@@ -173,8 +174,13 @@
|
||||
.admin-dashboard-grid > section, .admin-kpis > a, .admin-kpis > article,
|
||||
.source-health-grid article { background: var(--surface-elevated); border-color: var(--border-subtle); }
|
||||
.admin-history li small, .source-health-grid p, .health-state { color: var(--text-secondary); }
|
||||
.lake-card { background: var(--surface-raised); box-shadow: 0 24px 70px var(--shadow-color); }
|
||||
.lake-card img { filter: var(--hero-image-filter); }
|
||||
.moderation-proof { border-radius: 11px; background: var(--surface-raised); }
|
||||
.moderation-proof img { background: var(--surface-raised); }
|
||||
@media print {
|
||||
:root { color-scheme: light; }
|
||||
.lake-card img { filter: none; }
|
||||
}
|
||||
|
||||
@media (forced-colors: active) {
|
||||
|
||||
Reference in New Issue
Block a user