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;
}
// 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;
// Overrides for dark themes
@media (prefers-color-scheme: dark) {
// Adblocker detection)
.ftf-dma-note {
color-scheme: only dark !important;
color: #ffb700 !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`)