feat: Adds dark mode based on 39C3 color palette
This commit is contained in:
parent
5ea7ab27b9
commit
7b56baf17b
1 changed files with 30 additions and 0 deletions
|
|
@ -16,4 +16,34 @@ th, td {
|
|||
.title-post-date {
|
||||
font-size: .7em;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--color-backdrop: #141414;
|
||||
--color-headings: #faf5f5;
|
||||
--color-body-bg: #242424;
|
||||
--color-header-bg: #242424;
|
||||
--color-text: #faf5f5;
|
||||
--color-link: #66f2ff;
|
||||
--color-footer-bg: #242424;
|
||||
--color-border: #faf5f5;
|
||||
--color-button: #141414;
|
||||
--color-button-text: #faf5f5;
|
||||
--color-button-hover: #343434;
|
||||
--color-brand: #66f2ff;
|
||||
--color-text-meta: #faf5f5;
|
||||
--color-mobile-menu: #141414;
|
||||
}
|
||||
|
||||
nav ul li {
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.main-menu a:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue