diff --git a/css/main.scss b/css/main.scss index 0751e96..9d616d2 100644 --- a/css/main.scss +++ b/css/main.scss @@ -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`)