generated at
CSS filter


要素にフィルタをかけれるCSSの機能
filter: invert(75%) opacity(25%) saturate(30%);
のように書く

あるパーツの配色が気に入らない時
1つずつ色指定するよりも、親要素のセレクタに
filter: hue-rotate(90deg);
とか書いた方が、まとめて色を変えれて楽な場合もある


hue-rotate invert で色を変えたDOM要素のうち、画像だけは元に戻したい
css
.foo { filter: hue-rotate(90deg) invert(100%); } .foo img { filter: hue-rotate(270deg) invert(100%); }
個別に hue-rotate invert をかけると、元の色に戻る
Dark Editor CSSで使っている