Mikaela
/
mikaela.github.io
mirror of https://github.com/mikaela/mikaela.github.io/
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css/main.scss: fix adblocker detection for dark themes

This commit is contained in:
Aminda Suomalainen 2024-05-27 07:26:03 +03:00
parent 9f145004fb
commit 07a86aa879
Signed by: Mikaela
SSH Key Fingerprint: SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/main.scss vendored
View File

@ -56,13 +56,24 @@ $on-laptop: 800px;
color-scheme: dark light; color-scheme: dark light;
} }
// This is the missing content blocker detection // Overrides for dark themes
.ftf-dma-note { @media (prefers-color-scheme: dark) {
// It doesn't want to turn dark and still uses text colors more suitable // Adblocker detection)
// for dark. .ftf-dma-note {
color-scheme: only light; color-scheme: only dark !important;
//display: block !important; color: #ffb700 !important;
//pointer-events: all !important; background-color: #000000 !important;
}
}
// Overrides for light themes
@media (prefers-color-scheme: light) {
// Adblocker detection
.ftf-dma-note {
color-scheme: only light !important;
color: #000000 !important;
background-color: #ffffff !important;
}
} }
// Import partials from `sass_dir` (defaults to `_sass`) // Import partials from `sass_dir` (defaults to `_sass`)