23
votes
Firefox 67 released - Updates focused on performance and privacy
Link information
This data is scraped automatically and may be incorrect.
- Title
- Latest Firefox Release is Faster than Ever - The Mozilla Blog
- Published
- May 21 2019
- Word count
- 1325 words
Yay for my favorite recent CSS feature,
prefers-color-scheme
! I've been using this successfully on a number of web assets for a while now, and it's fantastic. Maybe Tildes could provide some support for it via a configuration option?I'd like to add support for it, but it has kind of an awkward interaction with the presence of different themes, so I'm not really sure how to do it. Ideally I'd probably want to say something like "use the White theme by default, or Solarized Dark if the user prefers dark schemes". However, theme-switching usually happens by changing the class on the
<body>
tag. For example, to<body class="theme-dark">
.With the way
prefers-color-scheme
works, I'd probably have to do something like add a "default" theme that duplicates all the CSS rules from both the white and dark themes and put those inside@media (prefers-color-scheme: dark)
blocks. It's not awful, but it's kind of awkward. Alternatively there are probably some dirty hacks to use JS to change the body class in response, but requiring JS for a CSS feature isn't great.You could put an @import inside the media queries. That's not exactly a recommended best practice either, but solves the other problems.
edit: This looks like a clean implementation.
Thanks, that
<link>
tag approach seems like a pretty good method. That way I should just be able to generate a separate CSS file that would override the default light theme with a dark one when wanted, but no effects in any other cases.How do you use this feature? I'm not sure how one actually applies it
It's used within a CSS stylesheet, so if you want to provide styling rules for a dark theme, you'd do something like:
Then, when the user's OS is set to a dark theme, like on macOS (System Preferences > General > Dark Theme), it'll automatically apply the above styles to your website.
Does anyone here know how to change the loading page screen? I sometimes end up using my laptop at night and I get a white page while it is loading a website, I get blinded everytime...
The blank tab? There's some information about how to do it in this question on StackExchange: https://superuser.com/questions/1235975/change-firefox-new-tab-background
In the comments on there, people link to these two extensions which seem like they should be able to do it:
Thanks for your help! But this isnt exactly what I am looking for. I'm talking about the time when a page is loading. It can be on an already open tab. Like if I want to open Tildes, I write the address and press enter, there is a second where the screen goes white, then it goes Tildes (its like this for all websites).
Hmm. Maybe a couple more places to check, though I have no idea if any of the suggestions work:
https://support.mozilla.org/en-US/questions/1187472
https://www.reddit.com/r/FirefoxCSS/comments/ayjagi/firefox_white_flash_on_opening_new_window_and/
Thanks I'll give it a try