Oooo! A bonafide trick from Thomas Steiner. Chrome will soon be supporting SVG favicons (e.g. ). And you can embed CSS within an SVG with a

element. That CSS can use a perfers-color-sceme media query, and as a result, a favicon that supports dark mode!


  
    circle {
      fill: yellow;
      stroke: black;
      stroke-width: 3px;
    }
    @media (prefers-color-scheme: dark) {
      circle {
        fill: black;
        stroke: yellow;
      }
    }
  
  

Safari also supports SVG, but it’s different…

You specify the color, so there is no opportunity there for a dark mode situation. A little surprising, since Apple is so all-in on this dark mode stuff. I have no idea if they plan to address that or what.


READ MORE – CLICK HERE

www.Red360.com.ve


from Red360.com.ve https://ift.tt/2DHgwiH
via Red360.com.ve