テーマエディタで: カスタマイズテーマ設定色

色

ストア全体の色。背景、面、テキスト、ボタン、そしてセールやエラーなどのサインの色。

日中の屋外でスマートフォンを使い、テキストと背景のコントラストを確認しましょう。小さなグレーの文字が最初に読みにくくなります。

設定

カラースキーム

テキスト
ページのカラースキーム
カラースキームページの背景と、独自のスキームを持たないすべてのセクション。
スマートフォンでのページ背景
色空欄:ページの配色の背景。スマートフォンで別の色合いにしたい場合だけ色を選んでください。

各スキームは色の完全なセットです。各セクションはスキームを選ぶため、ここでスキームを変更すると、それを使うすべてのセクションが変わります。ホバー状態、線、補助テキストはこれらの色から計算されます。

シグナル

セールバッジ
色デフォルト: #94303F
セールバッジのテキスト
色デフォルト: #FFFFFF
バッジの色
色デフォルト: #FFFFFF商品画像のバッジ:セール、売り切れ、または商品独自のテキスト。文字色は自動で濃い色か白になります。
バッジの文字色
色空欄:バッジの色に対して読みやすい方の濃い色または白。
割引価格
色空欄:通常価格と同じく文字色。
エラー
色デフォルト: #B3261E
確認
色デフォルト: #3B9E68商品がカートに追加されたことを示すボタン。商品カードとカートのおすすめに表示されます。
確認色の上の文字
色デフォルト: #FFFFFF
割引前の価格
色デフォルト: #555555セール価格の横に表示される取り消し線付きの価格。

エディタの表示とここの内容が違う場合は、お知らせください。ガイドを修正します。