Mikaela/mikaela.github.io
1
0
Fork 0
mirror of https://github.com/mikaela/mikaela.github.io/ synced 2025-08-18 02:47:24 +02:00
Code Issues Projects Releases Wiki Activity

Compare commits

base: Mikaela:9f145004fb524a376a74d779b1f9c58cf4eb569a
Branches Tags
Mikaela:master
Mikaela:pre-commit-ci-update-config
Mikaela:lfs-media
Mikaela:dependabot/bundler/rexml-3.3.9
Mikaela:2016-05-10
Mikaela:2
Mikaela:1
Mikaela:0
...
compare: Mikaela:fe93b3a0e739c21e6533d5d33ce4bc72587453d8
Branches Tags
Mikaela:master
Mikaela:pre-commit-ci-update-config
Mikaela:lfs-media
Mikaela:dependabot/bundler/rexml-3.3.9
Mikaela:2016-05-10
Mikaela:2
Mikaela:1
Mikaela:0

2 Commits
9f145004fb ... fe93b3a0e7

Author SHA1 Message Date
Aminda Suomalainen
fe93b3a0e7
main.scss: fix mobile navigation 2024-05-27 07:49:02 +03:00
Aminda Suomalainen
07a86aa879
css/main.scss: fix adblocker detection for dark themes 2024-05-27 07:26:03 +03:00
1 changed files with 30 additions and 7 deletions
Show Stats Expand all files Collapse all files

37
css/main.scss vendored
View File

@ -56,13 +56,36 @@ $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: #ffffff !important;
background-color: #1c1b22 !important;
}
.site-nav {
color-scheme: only dark !important;
color: #ffffff !important;
background-color: #1c1b22 !important;
border: 1px solid #ffffff !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;
}
.site-nav {
color-scheme: only light !important;
color: #000000 !important;
background-color: #ffffff !important;
border: 1px solid #000000 !important;
}
}
// Import partials from `sass_dir` (defaults to `_sass`)