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 vote145 views1 answer
Twig captitalize
Html
3 votes133 views5 answers
Bootstrap form
Html
0 vote139 views1 answer
Func.apply is not a function at HTMLUnknownElement.callCallback
Html
6 votes150 views6 answers
Boostrap input
Html
0 vote139 views1 answer
Document.getElementByClassName("preview").innerHTML=src;
Html
35 votes131 views5 answers
Tab space in html
Html
0 vote159 views1 answer
Drupal to wordpress
Html
5 votes167 views4 answers
Javascript check if input is empty
Html
0 vote140 views1 answer
Remove html from string in sql
Html
0 vote158 views1 answer
Format html in notepad++
Html