faviconとsvgと背景と
reactでfavicon.icoに任意のpngを上書きすると
ブラウザでのiconを変えられる
苦戦したのでここに記す
01 Dark Mode, glay
cons
普通に黒のアイコンにしていると,chormeのtabを 黒にしている人に何も見えない
Appleの灰色にしてみたが,whiteでくっきりしない
try
もっと黒くしてみよう!!
02 darker glay
100ほど黒くしてもらった.
cons
それでも白背景で見やすくない!
try
ではビジネスカラーの青を混ぜてみよう!
03 add blue
cons
WindowsのThemeが青の時に見づらい....
try
背景白にする
04 bg-white
白背景を入れてもらった
google document の色だよ
cons
ちょっとダサくなった?
try
qiitaのように,logo自体を透過にしてみる
05 transplante logo bg-blue
cons
くらい Windows Themeが青の時に無になる
( ˙-˙ )
06 bg-lightblue-color-white
これはロゴと背景の境界が曖昧になる
05で決定した.
conclude
青テーマは,chromeのsetting, history すら対応してないから諦めます
番外編 IEとedge
Edgeでは透過のファヴィコンは読まれません
今回は対応をしません