テーマエディタで: カスタマイズ›テーマ設定›色
色
ストア全体の色。背景、面、テキスト、ボタン、そしてセールやエラーなどのサインの色。
日中の屋外でスマートフォンを使い、テキストと背景のコントラストを確認しましょう。小さなグレーの文字が最初に読みにくくなります。
設定
カラースキーム
- テキスト
- ページのカラースキーム
- カラースキームページの背景と、独自のスキームを持たないすべてのセクション。
- スマートフォンでのページ背景
- 色空欄:ページの配色の背景。スマートフォンで別の色合いにしたい場合だけ色を選んでください。
各スキームは色の完全なセットです。各セクションはスキームを選ぶため、ここでスキームを変更すると、それを使うすべてのセクションが変わります。ホバー状態、線、補助テキストはこれらの色から計算されます。
シグナル
- セールバッジ
- 色デフォルト: #94303F
- セールバッジのテキスト
- 色デフォルト: #FFFFFF
- バッジの色
- 色デフォルト: #FFFFFF商品画像のバッジ:セール、売り切れ、または商品独自のテキスト。文字色は自動で濃い色か白になります。
- バッジの文字色
- 色空欄:バッジの色に対して読みやすい方の濃い色または白。
- 割引価格
- 色空欄:通常価格と同じく文字色。
- エラー
- 色デフォルト: #B3261E
- 確認
- 色デフォルト: #3B9E68商品がカートに追加されたことを示すボタン。商品カードとカートのおすすめに表示されます。
- 確認色の上の文字
- 色デフォルト: #FFFFFF
- 割引前の価格
- 色デフォルト: #555555セール価格の横に表示される取り消し線付きの価格。
エディタの表示とここの内容が違う場合は、お知らせください。ガイドを修正します。
