23 votes

Firefox 67 released - Updates focused on performance and privacy

11 comments

  1. [6]
    unknown user
    Link
    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...

    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?

    9 votes
    1. [3]
      Deimos
      Link Parent
      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...

      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.

      6 votes
      1. [2]
        Wes
        Link Parent
        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.

        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.

        5 votes
        1. Deimos
          Link Parent
          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...

          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.

          4 votes
    2. [2]
      annadane
      Link Parent
      How do you use this feature? I'm not sure how one actually applies it

      How do you use this feature? I'm not sure how one actually applies it

      1. unknown user
        Link Parent
        It's used within a CSS stylesheet, so if you want to provide styling rules for a dark theme, you'd do something like: @media (prefers-color-scheme: dark) { .some-rule { color:$midnight; } } Then,...

        It's used within a CSS stylesheet, so if you want to provide styling rules for a dark theme, you'd do something like:

        @media (prefers-color-scheme: dark) {
             .some-rule {
                color:$midnight;
            }
        }
        

        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.

        1 vote
  2. [5]
    NecrophiliaChocolate
    Link
    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...

    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...

    1. [4]
      Deimos
      Link Parent
      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,...

      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:

      1 vote
      1. [3]
        NecrophiliaChocolate
        Link Parent
        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...

        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).

        1. [2]
          Deimos
          Link Parent
          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...