Edition サンプルテーマのような配色にするにはどうすればいいですか?

質問一覧対象テーマ: EditionEdition サンプルテーマのような配色にするにはどうすればいいですか?
tokumitsutokumitsu asked 6か月 前

Edition サンプルのテーマ 《明るく柔らかく優しい雰囲気》 を見て、こちらの雰囲気にしたいと思い 購入しました。 どのように設定すればこちらのテーマに変更できますか??

1 Answers
baseadminBaseDesignInfo Staff answered 6か月 前

ご質問ありがとうございます、こちらのデモサイトの配色を気に入っていただけたのですね。

このデモサイトそのままの配色を、場所と色番号で記載します。

左側がデザイン設定画面の左側の項目名です。それぞれカラーパレットを開くと「#」のついた入力欄があるので、カラーコード(6桁)をコピーペーストして「決定」します。(入力する際は「#」は不要です)

 

=====

テーマ設定

  • アクセントカラー:#deaa9e
  • 【ヘッダーバー】バーカラー:#deaa9e
  • ⌊ ヘッダーバー上のテキストカラー:白
  • 【サイドバー】背景色スタイル:カラーパレットから指定する
  • ⌊ サイドバー背景色:#f1ede8
  • ⌊ サイドバー上のテキストカラー:#514f4d
  • 【サイドバー】⌊ ボタンカラー:#6d6259
  • ⌊ コンセプトエリア背景色:#f9f8f6

全体の「背景」設定

 

=====
以上でデモサイトと同じ配色になります。
全体としては、サイドバーなどは優しいベージュにしつつ、ヘッダーバーやボタンのピンクがポイントになっています。

例えばこの薄ピンクを違う色にするだけで、同じトーンで少し雰囲気を変えることができますので、ピンクに拘らない場合は「ヘッダーバー」と「アクセントカラー」を変えてみてください。
ポイントは、どの色にするにしても淡い感じにすることで全体のトーンに合った優しいイメージになります。

よろしくお願いいたします。