上書きCSSの使い方
CSSファイルを開かなくとも、てがろぐver3.9.2だったら簡単に変更できます。
色とフォントはカスタムプロパティという
/* 色とフォントの定義 */
:root{
--bg-color:#ffdcdc;
/* ↑背景と、h2要素 */
--text-color:#888;
--link-color:#ffb3b3;
/* ↑ほんとにリンクだけ */
--hover-color:#c3ebfa;
/* h3やボタンの色もここ */
--color-main:#ffb5c3;
/* ↑その他ピンク色はここ。 */
--color-white:#fff;
--color-gray1:#999;
--color-gray2:#bbb;
--novel-bg:#f4f4f4;
--novel-text:#666;
--font-main: "Hiragino Kaku Gothic ProN","Meiryo","Helvetica Neue", Helvetica, Arial, sans-serif;
--font-eigo:'Fredoka One', cursive;
--font-novel:YuMincho, '游明朝',serif;
}
で設定されています。
てがろぐのver.3.9.2以降ですと上書きCSSが設定できるので こちらに同じ形で、色を変更したものを記述・すべてのスキンに反映させる を設定すれば色とフォントは簡単にカスタマイズできます。
一応、コメント入れていますのでそちらご確認の上カスタマイズしてください。
再配布のためにデザインを調節している関係でCSSは元のテンプレートデータとはかなり違っています。
ご了承ください。
色とフォントはカスタムプロパティという
/* 色とフォントの定義 */
:root{
--bg-color:#ffdcdc;
/* ↑背景と、h2要素 */
--text-color:#888;
--link-color:#ffb3b3;
/* ↑ほんとにリンクだけ */
--hover-color:#c3ebfa;
/* h3やボタンの色もここ */
--color-main:#ffb5c3;
/* ↑その他ピンク色はここ。 */
--color-white:#fff;
--color-gray1:#999;
--color-gray2:#bbb;
--novel-bg:#f4f4f4;
--novel-text:#666;
--font-main: "Hiragino Kaku Gothic ProN","Meiryo","Helvetica Neue", Helvetica, Arial, sans-serif;
--font-eigo:'Fredoka One', cursive;
--font-novel:YuMincho, '游明朝',serif;
}
で設定されています。
てがろぐのver.3.9.2以降ですと上書きCSSが設定できるので こちらに同じ形で、色を変更したものを記述・すべてのスキンに反映させる を設定すれば色とフォントは簡単にカスタマイズできます。
一応、コメント入れていますのでそちらご確認の上カスタマイズしてください。
再配布のためにデザインを調節している関係でCSSは元のテンプレートデータとはかなり違っています。
ご了承ください。