サイトカラーの変更方法について解説します。
本テーマのデフォルトデザインは青を基調としていますが、「デザインCSS」にある「サイトカラー」部分にて色を変更することが可能です。
黒色を変更する
--color-black: 【色を指定】;
主な変更箇所:赤枠部分のリンクにカーソルを当てた際に表示されるアンダーバーの色
背景色を変更する
--main-color: 【色を指定】; /* 背景色 */
主な変更箇所:メディアの背景色
濃い色を変更する
--sub-color: 【色を指定】; /* 濃い色 */
主な変更箇所:「Message」の文字色や、タイトル要素の下線色
薄い色を変更する
--sub-color-02: 【色を指定】; /* 薄い色 */
主な変更箇所:水色の背景色
SP版ヘッダーメニュー内のボタン色を変更する
--accent-color: 【色を指定】; /* SPヘッダー「応募職種一覧」へ遷移するリンクボタン背景色 */
主な変更箇所:SP版ヘッダーメニュー内にあるボタンの色
「説明会」「Info」のボタン背景色を変更する
--btn-bg: 【色を指定】; /* 「説明会」「Info」のボタン背景 */
主な変更箇所:「説明会」「Info」のボタン背景色