配色を変える（AIへの頼み方つき）

ツピツピの色は、src/styles/theme.css という1つのファイルで決めています。このファイルを書き換えるだけで、サイト全体の色が変わります。

色の役割

シジュウカラの姿をもとに、色に役割を持たせています。

• ink（頭の黒）: ヘッダーの帯、見出しの帯、フッター
• brand（差し色の緑）: ボタン、リンク
• accent-soft（お腹の黄色）: カテゴリーなどの小さなラベル

ライトモードとダークモードの色は、それぞれ1か所でまとめて指定します。

AI に頼むときの例

src/styles/theme.css の配色を、落ち着いた紺とベージュに変えて。
文字と背景のコントラストは 4.5 以上を保って、ダークモードも合わせて調整して

色の名前で伝えても、「信頼感のある感じ」「やわらかい雰囲気」のように印象で伝えても大丈夫です。気に入らなければ「もう少し明るく」のように続けて頼みましょう。

自分で変えるときの注意

部品のファイルに直接色を書くと、あとで配色を変えたときに揃わなくなります。色は必ず theme.css で変えてください。