zepp/emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add prefers-color-scheme: dark support

Browse Source 
pick colors
style appropriate elements
This commit is contained in:
emma 2025-01-26 23:42:47 -05:00
parent 10fea7b122
commit c06fef7aa3
2 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/site/assets/stardust.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

30
style/style.css
View File

@ -9,6 +9,7 @@
} }
:root { :root {
--text-color: #0C0C0C;
--background-color: #ffe9e3; --background-color: #ffe9e3;
--body-background-color: #ffcccc; --body-background-color: #ffcccc;
--scroll-gutter: #eb76ff88; --scroll-gutter: #eb76ff88;
@ -42,6 +43,35 @@ body {
align-items: end; align-items: end;
align-content: center; align-content: center;
overflow: hidden; overflow: hidden;
color: var(--text-color);
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #29274c;
--body-background-color: #0d0c1d;
--text-color: #f1dac4;
--scroll-bar: #474973;
--scroll-gutter: #a69cac;
--link-color: #4cc9f0;
--link-hover: #f72585;
--link-visited: #4cc9f0;
--border-color: #474973;
}
body {
background-color: var(--body-background-color);
background-image: url("../img/site/assets/stardust.png");
}
.status .statuslol_content p {
color: var(--text-color);
}
.status .statuslol_content .statuslol_time a {
color: var(--link-color) !important;
}
} }
h1, h2, h3, h4, h5, h6, p, ul, figcaption, details { h1, h2, h3, h4, h5, h6, p, ul, figcaption, details {