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

2 votes142 views2 answers
Background position in html
Html
0 vote155 views1 answer
Favicon text/html / Redirect uses bandwith
Html
1 vote159 views1 answer
Html if en change to ltr
Html
-3 votes270 views1 answer
Class#
Html
0 vote168 views1 answer
Erc20 symbol format
Html
0 vote136 views1 answer
Html pre-populate input bootstrap
Html
0 vote139 views1 answer
Reverse ol order html
Html
6 votes165 views4 answers
Xpath id contains text
Html
0 vote149 views1 answer
Html5 mail link
Html
0 vote140 views1 answer
Navbar at top of viewport
Html