![]() ![]() ![]() When I set a specific time range, after reaching the selected time, nothing happens. You can do almost anything with :style() even inject and use variables and all that and calc and all that.Automation doesn't work for Firefox on Android. ![]() it doesn’t matter what you do, as long as it works and does what you want, then it is fine, you can always test and see what works best in the case of modifying a website like that by injecting CSS properties. Of course it depends on the page and what it does, but if it is about scrolling, it should be easy to fix by finding the element with the overflow.īTW I found this in the documentation about the color-scheme and also this one, well, it tells to put the color-scheme: in root to opt out from the auto dark mode, plus they use the only light like I did in my second example with the QR code, of course we are just injecting CSS with the adblocker, not doing dev work implementing things, so I guess it doesn’t matter as long as it works and it respects the dark mode and it doesn’t convert the ‘light’ mode or websites with no color-scheme.įor example: #:root:style(color-scheme: blabla) using only light or light dark didn’t change anything about the page, the only change was in the theme of the scrollbar, where only light would not let auto dark change it.īut didn’t interfere with anything about the page content and how the page renders. So depending on page you can stop the script or function to work and do that, or you can override the CSS property to avoid that. If you are not the one making the rules, you should report it.īut basically what happens is simple, when you press the OK or agree or whatever button, then that will change the overflow of the page or element. Remember always use !important, if not the page will not override already existing properties. Pretty well, are you the one blocking it? if you are then you should see what element has the overflow property as hidden (I think, it should make sense when you see the page with devtools), then you use the adblocker to change it, and done. And it works in Android and Desktop, of course, in Android might be difficult to set it like I did in qifi unless you do it on Devtools in Desktop, but the first rule to override the whole page will work fine, it is meant for few sites anyway where the auto dark mode doesn’t work.Īlso you can add multiple domains to the cosmetic rule with domain1,domain2,domain3# You don’t need Brave do to it for you, it would be good if they added, but adblocker is easy enough. So it is cool pages that don’t have dark mode can have an auto dark mode, but the ones that already have dark mode don’t get modified. As you can see, it looks like one single rule but it is made of two CSS properties being injected, one to set the background and the other one to tell the automatic dark mode “don’t do it Chromium browser” because the cool thing about the Brave/Chromium auto dark is that it respects color-schemes unlike extensions which override every page and item. You can also use it per item node with some creativity.Įxample: is a good wifi QR code creator, that creates everything on JS without needing to connect to a server or anything, you can remove the dark mode from the whole page with the previous rule, but why? you only need it to scan the code which can’t be scanned because background is dark, not white.Īll you do is two rules #qrcode:style(color-scheme: only light !important background-color: #fff !important )ĭone. To brave://adblock and it will respect whatever the site scheme is made. You can add: #:root:style(color-scheme: light dark !important ) ![]()
0 Comments
Leave a Reply. |