【JIN】アイコンボックス の背景色を変更

この記事には、プロモーションが含まれています

テーマカラーに合わせて、アイコンボックス の色も変更してみました。
追加CSSに書き込んでいます。

550600

アイコンの色の指定がよくわかりませんでした…ので、そのまま放置中。

/*アイコンボックスの背景色*/
.jin-icon-caution, .jin-icon-star, .jin-icon-bulb, .jin-icon-cart {
    background-color: #ffffed;	/*yellow*/
}
.jin-icon-speaker, .jin-icon-comment, .jin-icon-checkcircle, .jin-icon-pencil {
    background-color: #f3fbe9;	/*green*/
}
.jin-icon-like, .jin-icon-information, .jin-icon-gear, .jin-icon-clipboard {
    background-color: #f7f6ff;	/*blue*/
}
.jin-icon-heart, .jin-icon-unlike, .jin-icon-question, .jin-icon-flag {
    background-color: #fff6f3;	/*red*/
}
550600

たとえば、鉛筆アイコンの背景色を、イエローに変更してもいいんだなぁ〜と一瞬思いましたが、アイコン自体の色が変更できないと、へんちくりんになちゃうんだ…とあきらめました。

シェアしてくれてありがとう
  • URLをコピーしました!
目次