alex/tesla-charge-controller
1
0
Fork 0
Code Pull requests Actions Packages Releases 7 Activity

dark mode

Browse source
This commit is contained in:
Alex Janka 2024-01-23 14:17:55 +11:00
parent 701f7e7ea2
commit 4e3ea45bd0
1 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
webapp/style.css
View file

@ -1,6 +1,7 @@
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background-color: #333; background-color: #333;
color: #333;
} }
.container { .container {
@ -23,7 +24,7 @@ a.outlink {
} }
a.outlink:hover { a.outlink:hover {
color: rgb(100, 90, 255); color: rgb(110, 100, 255);
} }
.loading, .loading,
@ -39,6 +40,7 @@ a.outlink:hover {
.selector { .selector {
padding: 1em; padding: 1em;
background-color: gray; background-color: gray;
color: #333;
width: max-content; width: max-content;
border: 0.2em; border: 0.2em;
border-radius: 6px; border-radius: 6px;
@ -46,7 +48,6 @@ a.outlink:hover {
} }
label { label {
/* display: block; */
padding: 0.5em 1em; padding: 0.5em 1em;
margin: 0.5em; margin: 0.5em;
font-weight: bold; font-weight: bold;
@ -69,4 +70,24 @@ input[type=radio]:checked:disabled+label {
input[type=radio]:disabled+label { input[type=radio]:disabled+label {
color: #666; color: #666;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #222;
}
.container {
background-color: #444;
color: #f0f0f0;
}
a.outlink {
text-decoration: none;
color: rgb(94, 94, 252);
}
a.outlink:hover {
color: rgb(130, 120, 255);
}
} }