Make Light Theme display correctly

This commit is contained in:
Evan G. 2024-05-22 12:25:02 -05:00
parent 36110a0c55
commit 295d837618
Signed by: fbievan
GPG Key ID: 55FAB8CB6842F080
1 changed files with 20 additions and 6 deletions

View File

@ -1,3 +1,21 @@
html, html[data-theme="light"] {
--background-color: snow;
--color: #000;
}
html[data-theme="dark"] {
--background-color: #1f272d;
--color: #fff;
--tcolor: pink;
}
@media (prefers-color-scheme: dark) {
html {
--background-color: #222830;
--color: #fff;
--hcolor: #e976d9;
--tcolor: pink;
}
}
.articles { .articles {
padding: 5px; padding: 5px;
border: var(--line-width) solid; border: var(--line-width) solid;
@ -19,14 +37,10 @@
text-align: left; text-align: left;
margin-top: 10px; margin-top: 10px;
padding-top: 0px; padding-top: 0px;
color: #e976d9 color: var(--hcolor);
}
a {
text-decoration: none;
} }
.summary { .summary {
padding-left: 1.5rem; padding-left: 1.5rem;
color: #f1f3f7;
margin-top: 0.1rem; margin-top: 0.1rem;
} }
.metadata { .metadata {
@ -37,5 +51,5 @@
} }
.metadata a { .metadata a {
text-decoration: underline; text-decoration: underline;
color: pink; color: var(--tcolor);
} }