【スポンサーリンク】

[Cocoon] サイトのキーカラーを変更した

追記予定の注意書き

この項目は、随時追記します。なにかのヒントになれば嬉しいです。

[Cocoon] サイトのキーカラーを変更した

[Cocoon] サイトのキーカラーを変更した

濃いめのキーカラーの候補を出して、それに合う補助の色を組合せてみました。

[Cocoon] サイトのキーカラーを変更した
\記事が役に立ったらシェアしてね/
【スポンサーリンク】

1. サイトの配色を試行錯誤

元の配色です。

サイトの配色を試行錯誤

臙脂色を基調した配色。

サイトの配色を試行錯誤

焦げ茶色をメインにした配色。

サイトの配色を試行錯誤

それをさらに濃くした配色です。

サイトの配色を試行錯誤

2. 「ユーザー補助」

「ユーザー補助」の面で、十分なカラーコントラストになるように調整しました。

パッと見でも、文字が読みやすくなったと思います。

3. CSSでのカスタムカラー

追加CSSの中でサイトのキーカラーは 直接 値を指定するより、var(--wp--preset--color--key-color) を使うと変更がしやすくなります。

QRコードを読み込むと、関連記事を確認できます。

[Cocoon] サイトのキーカラーを変更した
【スポンサーリンク】
タイトルとURLをコピーしました