eric/WeatherStar4000
1
0
Fork 0
mirror of https://github.com/netbymatt/ws4kp.git synced 2026-04-17 17:19:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

dark mode, page only

Browse Source
This commit is contained in:
Matt Walsh
2022-12-08 16:25:12 -06:00
parent 5edf5cc947
commit 705fa9f582
8 changed files with 49 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
server/images/nav/ic_gps_fixed_white_18dp_1x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
server/images/nav/ic_gps_fixed_white_18dp_2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
server/images/nav/ic_gps_fixed_white_24dp_1x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
server/images/nav/ic_gps_fixed_whte_24dp_2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

2
server/styles/main.css
View File

File diff suppressed because one or more lines are too long

2
server/styles/main.css.map
View File

File diff suppressed because one or more lines are too long

46
server/styles/scss/_page.scss
View File

@@ -5,6 +5,17 @@
body {
font-family: "Star4000";
@media (prefers-color-scheme: dark) {
background-color: #000000;
color: white;
}
a {
@media (prefers-color-scheme: dark) {
color: lightblue;
}
}
}
input,
@@ -20,12 +31,42 @@ button {
#txtAddress {
width: 490px;
font-size: 16pt;
@media (prefers-color-scheme: dark) {
background-color: #000000;
color: white;
border: 1px solid darkgray;
}
}
#btnGetGps,
#btnGetLatLng,
#btnClearQuery {
font-size: 16pt;
@media (prefers-color-scheme: dark) {
background-color: #000000;
color: white;
}
border: 1px solid darkgray;
}
#btnGetGps img {
&.dark {
display: none;
@media (prefers-color-scheme: dark) {
display: inline-block;
}
}
&.light {
@media (prefers-color-scheme: dark) {
display: none;
}
}
}
.autocomplete-suggestions {
@@ -90,6 +131,11 @@ button {
display: flex;
flex-direction: row;
background-color: #000000;
@media (prefers-color-scheme: dark) {
background-color: rgb(48, 48, 48);
}
color: #ffffff;
width: 100%;
}