Initial dark mode

This commit is contained in:
Aminda Suomalainen 2024-05-25 07:53:19 +03:00
parent 5de0150765
commit 2e7d2edbb0
Signed by: Mikaela
SSH Key Fingerprint: SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q
2 changed files with 16 additions and 1 deletions

3
_sass/_base.scss vendored
View File

@ -145,7 +145,8 @@ code {
font-family: $monospace-font-family; font-family: $monospace-font-family;
border: 1px solid $grey-color-light; border: 1px solid $grey-color-light;
border-radius: 3px; border-radius: 3px;
background-color: #eef; //background-color: #eef;
background-color: revert;
} }
code { code {

14
css/main.scss vendored
View File

@ -49,6 +49,20 @@ $on-laptop: 800px;
} }
} }
// As high in css as can be edited
:root {
color-scheme: light dark;
}
// This is the missing content blocker detection
.ftf-dma-note {
// It doesn't want to turn dark and still uses text colors more suitable
// for dark.
color-scheme: only light;
//display: block !important;
//pointer-events: all !important;
}
// Import partials from `sass_dir` (defaults to `_sass`) // Import partials from `sass_dir` (defaults to `_sass`)
@import "base", "layout", "syntax-highlighting"; @import "base", "layout", "syntax-highlighting";