Flarumの検索ボックスアイコンボタンの色を変更する

このチュートリアルは完全に余計なものです。ただ、個人的には色を少し変更したほうが見栄えがよいと思っただけです。結局のところ、好みは人それぞれなので、元の色が好きな人もいるかもしれませんが、記録として残しておきます。もし私と同じように別の色に変更したい人がいるかもしれませんので、まずは画像をご覧ください。

手順

まず検索ボックスのクラス名を確認します。F12 キーで要素を検証します。

.Search-input:before クラス名を取得したら、開きます。

/vendor/flarum/core/less/lib/Search.less

下図のように変更します。左側が変更後、右側が元のバージョンです。

次の CSS に変更する必要があります。

background: #2aaaff;
color: #fff;
border-radius: 4px 0 0 4px;
padding-left: 40px;
padding-right: 10px;

Background はウェブサイトのテーマカラーと同期します。

background: #2aaaff; 
改成
background: @primary-color;