テーマカラーの変更
使用しているカラー
このテーマで使用しているカラーは6色あり、デフォルトでは以下のように定義されています。
:root { --defaultblack: #10161a; --lightgray: #fcfcfd; --maincolor: #4e95c2; --darkcolor: #3b7294; --linkcolor: #529dcc; --hovercolor: #91ccf1; }
それぞれ以下の項目で使用されています。
定義名 | 使用箇所 |
---|---|
defaultblack |
文字色 |
lightgray |
コメントボタンの反転色(あまり使ってない) |
maincolor |
見出しなどの装飾 |
darkcolor |
目次やモジュールの破線 |
linkcolor |
リンク |
hovercolor |
リンクホバー時 |
カラーを変更するときは、まず上記の:root
をコピーしてカラーコードをカスタマイズします。
その後、「デザイン」→「カスタマイズ」→「デザインCSS」に追加で貼り付ければ完了です。