web/webtools
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fixed styling for dark-mode
All checks were successful
/ publish (push) Successful in 49s
Details

Browse source
This commit is contained in:
Leon Mika 2025-09-27 13:32:13 +10:00
parent f53aad9a94
commit 35270f72ca
2 changed files with 22 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
site/2lcc/style.css
View file

@ -1,3 +1,13 @@
:root {
--exact-match-color: rgb(237, 201, 241); /* Purple 150 */
}
@media (prefers-color-scheme: dark) {
:root {
--exact-match-color: rgb(111, 39, 125); /* Purple 700 */
}
}
table#country-list { table#country-list {
table-layout: fixed; table-layout: fixed;
} }
@ -11,5 +21,5 @@ table#country-list tr.hidden {
} }
table#country-list tr.exact td { table#country-list tr.exact td {
background-color: rgb(237, 201, 241); background-color: var(--exact-match-color);
} }

12
site/clocks/style.css
View file

@ -1,10 +1,20 @@
:root {
--clock-label-color: rgb(175, 41, 29); /* Red 600 */
}
@media (prefers-color-scheme: dark) {
:root {
--clock-label-color: rgb(238, 64, 46); /* Red 450 */
}
}
div.clock { div.clock {
text-align: center; text-align: center;
margin-block-end: 1.8rem; margin-block-end: 1.8rem;
} }
div.clock div.location { div.clock div.location {
color: rgb(175, 41, 29); color: var(--clock-label-color);
} }
div.clock div.time { div.clock div.time {