Ritaのテーマ設定は色の設定から始まります。
BASE標準のテキストカラー・リンクカラーなどを含めると、全部で17の色設定があります。
色に限らず、すべてのテーマ設定には初期値を用意しているので、必要がなければ指定する必要はありません。
色設定の説明
ナビゲーションカラー ・・ グローバルナビのテキスト、アイコンの色に使用します。
アクセントカラー ・・ テキストリンクや、セール商品の割引率などに使用します。
テキストカラー ・・ 基本のテキスト
テーマカラー ・・ 主にヘッダーの背景色として使用します。 また、フッターの背景色に指定が無い場合、テーマカラーからフッターの背景色を設定します。
ヘッダー文字 ・・ ヘッダーのテキスト、アイコン色に使用します。
ナビゲーションメニューの背景 ・・ グローバルナビゲーションの背景として使用します。
カートにいれるボタン 背景 ・・ 商品ページの「カートにいれる」ボタンに使用します。 * 売り切れ時など販売不可の場合は異なります。
カートにいれるボタン-マウスホバー ・・マウスホバー時、フォーカス時の背景色
カートにいれるボタン 文字 ・・ カートに入れるボタンのテキストカラーです。
ボタン（その他） 背景 ・・ 一般のボタンに使用します。メッセージAppをインストールしている場合、こちらの背景色が設定されます。
ボタン（その他）-マウスホバー ・・マウスホバー時、フォーカス時の背景色
ボタン（その他） 文字 ・・ ボタンのテキストカラーです。メッセージAppをインストールしている場合、こちらの色が設定されます。
商品一覧 アイテム背景1 / 2 ・・商品リストで、個々のアイテム背景に使用する色です。
商品一覧 文字 ・・ 商品一覧の商品名、販売価格、商品ラベルのテキストに使用します。
商品一覧 ラベル ・・ 「予約商品」「テイクアウト」など、商品ラベルの背景色に指定します。
フッター背景 ・・ フッターの背景色です。指定なしの場合はテーマカラーから算出されます。
フッター文字 ・・ フッターのテキストに使用します。
