Godiosのテーマカラー設定で出来る5色とホバー色のカラーコード

2019-05-27テーマ

Godiosの設定項目で選択できる色のカラーコードと、その他の箇所をテーマカラーに変えたい場合などに参考にして下さい。

 

超高速テーマ「Godios」は、2018年4月に無料リリースされ、2019年04月29日より有料化(¥4,980)となったテーマです。

デザインもシンプルでスタイリッシュ。

Godiosのサイトはこちら

 

設定出来る色について

カスタマイザーから選択するだけで簡単に色の変更が可能です。

8162_03

 

メインとサブカラーの使い分けについて

一番上の選択肢「メイン:ブルー/サブ:グリーン」の例

 ブルーの色
 グリーンの色

 

メインカラー

 

 コメント送信ボタンの背景色

8183_06

 

 H2タグの装飾色

8183_04

 

 目次や、リストの1つ目から奇数番目の色

 

8183_03
目次

 

8183_05
リスト

 

サブカラー

 カテゴリー背景色

8183_02

 

 H3タグの装飾色

 

 目次や、リストの2つ目から偶数番目の色

 

 

色コード

メインカラー・サブカラー

ブルー、グリーン、ピンク、イエロー、オレンジの5色の組み合わせになっています。

 #b3bfff/ rgb(179, 191, 255)
 #8be8bf/ rgb(139, 232, 191)
 #ffc6d0/ rgb(1255, 198, 208)
 #ffe08a/ rgb(255, 224, 138)
 #ffc5ac/ rgb(255, 197, 172)

 

#b3bfff/ rgb(179, 191, 255)
#8be8bf/ rgb(139, 232, 191)
#ffc6d0/ rgb(1255, 198, 208)
#ffe08a/ rgb(255, 224, 138)
#ffc5ac/ rgb(255, 197, 172)

 

ホバー色

メインの選択色によってホバー色は、メインカラーの少し濃い色になります。

 メイン:ブルー #81a9d9/ rgb(129, 169, 217)
 メイン:グリーン #66c5a2/ rgb(102, 197, 162)
 メイン:ピンク #d988a8/ rgb(217, 136, 168)
 メイン:イエロー #fbd756/ rgb(251, 215, 86)
 メイン:オレンジ #ef9b6f/ rgb(239, 155, 111)

 

メイン:ブルー #81a9d9/ rgb(129, 169, 217)
メイン:グリーン #66c5a2/ rgb(102, 197, 162)
メイン:ピンク #d988a8/ rgb(217, 136, 168)
メイン:イエロー #fbd756/ rgb(251, 215, 86)
メイン:オレンジ #ef9b6f/ rgb(239, 155, 111)

 

 

ついでにマーカーや下線のデザイン色

こちらも上記5色と同じで、更にグレーがあります。

 #dddddd/ rgb(221, 221, 221)

8183_01

 

デフォルトのカラーコードを使ったカスタマイズは、以下もご覧ください。

 

テーマ

Posted by 綾糸