Air-Quality-Web/client_src/css/dark.css
Starbeamrainbowlabs 63bc4e536d
Make some minor UI adjustments
We also add initial prefers-color-scheme: dark support
2019-07-20 14:13:21 +01:00

31 lines
909 B
CSS

@media (prefers-color-scheme: dark) {
.nanoModal {
background: #333;
color: #efefef;
}
.nanoModal a { color: hsl(240, 90%, 80%); }
.nanoModal a:visited { color: hsl(240, 90%, 70%); }
.nanoModal a:link { color: hsl(240, 90%, 80%); }
.nanoModal a:active { color: hsl(217, 89%, 80%); }
.nanoModalBtn.nanoModalBtnPrimary { background-color: #1b79cb; }
body > h1 {
background: rgba(0, 0, 0, 0.5);
color: #efefef;
}
.leaflet-control-attribution {
background: rgba(0, 0, 0, 0.7) !important;
color: #efefef;
}
.leaflet-control-attribution a { color: hsl(240, 90%, 90%) !important; }
.leaflet-control-attribution a:visited { color: hsl(240, 90%, 80%) !important; }
.leaflet-control-attribution a:link { color: hsl(240, 90%, 90%) !important; }
.leaflet-control-attribution a:active { color: hsl(217, 89%, 90%) !important; }
.leaflet-top.leaflet-left {
filter: invert(100%);
}
}