massivebox/ecodash
massivebox/ecodash
2
1
Fork 1
Code Issues Pull requests Releases 6 Packages 1 Wiki Activity Actions

Dark Theme support
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source 
Now when prefers-color-scheme is set to "dark", a dark theme will be used.
SVGs have been updated to allow for it, and also compressed to optimize.
This commit is contained in:
MassiveBox 2023-04-12 21:32:15 +02:00
parent 57b97d3ab5
commit 3ac161e740
7 changed files with 52 additions and 309 deletions
Download patch file Download diff file Expand all files Collapse all files

34
templates/default/assets/custom.css
View file

@ -23,4 +23,36 @@ h3 {
padding: 10px 10px 10px 10px;
}
.home-cards h3 { padding-top: 10px }
nav { border-bottom: 1px solid #aaa}
nav { border-bottom: 1px solid #aaa}
svg { width: 100% }
@media (prefers-color-scheme: dark) {
html, body, nav, .card, .home-cards, input, select {
background: #181a1b;
color: #ffffff;
}
.dropimage, button, .button, [type=submit], .label, [data-tooltip]:after {
background: #00a440;
color: #ffffff;
}
.footnote {
color: rgba(255,255,255,0.7);
}
svg {
fill: white;
}
.washing-svg * {
fill: white !important;
}
.bitcoin-svg * {
fill: none;
stroke: white !important;
}
}