Dark mode favicon

/* HTML */
<link rel="icon" href="/favicon.svg" type="image/svg+xml">

/* SVG image */
<svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
  <style>
    rect {
      fill: green;
    }
    @media (prefers-color-scheme: dark) {
      rect {
        fill: red;
      }
    }
  </style>
  <rect width="50" height="50" rx="5"/>
</svg>

Source: catalin.red

Similar codes

0 vote177 views1 answer
Html insert pdf
Html
0 vote153 views1 answer
How to make a whatsapp hyperlink html
Html
0 vote159 views1 answer
XSLT group following siblings that follow a tag with generated ID
Html
0 vote173 views1 answer
Html image fallback
Html
0 vote150 views1 answer
Crawler get text, not get html
Html
0 vote159 views1 answer
Time.mktime
Html
-5 votes172 views5 answers
Happy New Year!
Html
1 vote183 views1 answer
Ng-src
Html
0 vote162 views1 answer
Rmarkdown revealjs_presentation remove black border to images
Html
0 vote158 views1 answer
JSPL loop through map keys
Html