ダークモード対応のsvg(favicon)を簡単に作れる「Hybrid SVG Maker」を作りました｜kurokky

ライダー風のなんちゃってロゴを作れる、「仮面ナンダーメーカー」作りました。 https://t.co/1iFI4ppbQh — kurokky（黒木シンタロー） (@black_tree) January 28, 2022 で、その時Twitter界隈でも騒がれていた『IEもそろそろ死ぬよ』ってのが頭をよぎった瞬間「あ、faviconをダークモード対応にしたい」と思ったのがきっかけです。 ダークモード対応faviconとは？2年前の記事ですがこちらが参考になると思います。 別にIEに関係なく最近のモダンブラウザであれば対応しているのですが、SVG+CSSの技術で @media (prefs-color-scheme: dark){}を使うことで1つのsvgファイルで各OSのテーマに合わせた表示をしてくれるというものです。 私は、これをHybrid SVGと呼んでいます。(上記はdarkモー

[u1tnk]

4つの言語で同じ実装したの大変すぎるw 便利そう。