GeneratePressのカラーパレットとその拡張

GeneratePressのデフォルトカラーパレットは、以下の7色です。

デフォルトカラーパレット

なお、上記の名前はCSS変数名としては、すべて小文字でスペースはハイフンでつながれます。

これがデフォルトですが、ここではアクセント色を3色に拡張してみましょう。

あまり知られていないかもしれませんが、GeneratePressでは好きな名称を使って自由にカラーパレットを拡張でき、それをGutenbergのブロック編集画面から活用できます。

アクセントカラーのバリエーション

このサイトでは、アクセントカラーを少し変えて、さらに背景とホバー用の色をデフォルトカラーに追加して、合計9色のパレットを基本としています。