Add a Color Scheme setting for Menus-Header (#2622)

* seperated color scheme for header and menu * made changes to remove white space as suggested from eugene * made some changes requested by ken * changed Header color scheme to Color scheme per yoann request * removed header_color_scheme translation and set the label back to the global string for color scheme * Update 15 translation files * Update 5 translation files --------- Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Shopify · May 17, 2023 · e10b4af · e10b4af
1 parent 6b51d57
commit e10b4af
Show file tree

Hide file tree

Showing 25 changed files with 139 additions and 3 deletions.
diff --git a/locales/cs.schema.json b/locales/cs.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Povolit selektor jazyka"
+        },
+        "header__1": {
+          "content": "Barva"
+        },
+        "menu_color_scheme": {
+          "label": "Barevné schéma nabídky"
         }
       }
     },

diff --git a/locales/da.schema.json b/locales/da.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Aktivér sprogvælger"
+        },
+        "header__1": {
+          "content": "Farve"
+        },
+        "menu_color_scheme": {
+          "label": "Farveskema for menu"
         }
       }
     },

diff --git a/locales/de.schema.json b/locales/de.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Sprachauswahl aktivieren"
+        },
+        "header__1": {
+          "content": "Farbe"
+        },
+        "menu_color_scheme": {
+          "label": "Menü-Farbschema"
         }
       }
     },

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
@@ -1066,6 +1066,12 @@
         "show_line_separator": {
           "label": "Show separator line"
         },
+        "header__1": {
+          "content": "Color"
+        },
+        "menu_color_scheme": {
+          "label": "Menu color scheme"
+        },
         "sticky_header_type": {
           "label": "Sticky header",
           "options__1": {

diff --git a/locales/es.schema.json b/locales/es.schema.json
@@ -964,6 +964,12 @@
         },
         "enable_language_selector": {
           "label": "Activar selector de idioma"
+        },
+        "header__1": {
+          "content": "Color"
+        },
+        "menu_color_scheme": {
+          "label": "Esquema de colores del menú"
         }
       }
     },

diff --git a/locales/fi.schema.json b/locales/fi.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Ota kielivalitsin käyttöön"
+        },
+        "header__1": {
+          "content": "Väri"
+        },
+        "menu_color_scheme": {
+          "label": "Värimallivalikko"
         }
       }
     },

diff --git a/locales/fr.schema.json b/locales/fr.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Activer le sélecteur de langue"
+        },
+        "header__1": {
+          "content": "Couleur"
+        },
+        "menu_color_scheme": {
+          "label": "Nuancier de couleurs de menu"
         }
       }
     },

diff --git a/locales/it.schema.json b/locales/it.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Abilita selettore lingua"
+        },
+        "header__1": {
+          "content": "Colore"
+        },
+        "menu_color_scheme": {
+          "label": "Schema di colori del menu"
         }
       }
     },

diff --git a/locales/ja.schema.json b/locales/ja.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "言語セレクターを有効にする"
+        },
+        "header__1": {
+          "content": "色"
+        },
+        "menu_color_scheme": {
+          "label": "メニューの配色"
         }
       }
     },

diff --git a/locales/ko.schema.json b/locales/ko.schema.json
@@ -964,6 +964,12 @@
         },
         "enable_language_selector": {
           "label": "언어 선택기 사용"
+        },
+        "header__1": {
+          "content": "색상"
+        },
+        "menu_color_scheme": {
+          "label": "메뉴 색상 구성표"
         }
       }
     },

diff --git a/locales/nb.schema.json b/locales/nb.schema.json
@@ -964,6 +964,12 @@
         },
         "enable_language_selector": {
           "label": "Aktiver språkvelger"
+        },
+        "header__1": {
+          "content": "Farge"
+        },
+        "menu_color_scheme": {
+          "label": "Menyens fargepalett"
         }
       }
     },

diff --git a/locales/nl.schema.json b/locales/nl.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Taalkiezer inschakelen"
+        },
+        "header__1": {
+          "content": "Kleur"
+        },
+        "menu_color_scheme": {
+          "label": "Kleurschemamenu"
         }
       }
     },

diff --git a/locales/pl.schema.json b/locales/pl.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Włącz selektor języka"
+        },
+        "header__1": {
+          "content": "Kolor"
+        },
+        "menu_color_scheme": {
+          "label": "Kolorystyka menu"
         }
       }
     },

diff --git a/locales/pt-BR.schema.json b/locales/pt-BR.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Habilitar seletor de idioma"
+        },
+        "header__1": {
+          "content": "Cor"
+        },
+        "menu_color_scheme": {
+          "label": "Esquema de cores do menu"
         }
       }
     },

diff --git a/locales/pt-PT.schema.json b/locales/pt-PT.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Ativar seletor de idioma"
+        },
+        "header__1": {
+          "content": "Cor"
+        },
+        "menu_color_scheme": {
+          "label": "Esquema de cores do menu"
         }
       }
     },

diff --git a/locales/sv.schema.json b/locales/sv.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Aktivera språkväljare"
+        },
+        "header__1": {
+          "content": "Färg"
+        },
+        "menu_color_scheme": {
+          "label": "Färgschema för meny"
         }
       }
     },

diff --git a/locales/th.schema.json b/locales/th.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "เปิดใช้งานตัวเลือกภาษา"
+        },
+        "header__1": {
+          "content": "สี"
+        },
+        "menu_color_scheme": {
+          "label": "รูปแบบสีเมนู"
         }
       }
     },

diff --git a/locales/tr.schema.json b/locales/tr.schema.json
@@ -964,6 +964,12 @@
         },
         "enable_language_selector": {
           "label": "Dil seçiciyi etkinleştir"
+        },
+        "header__1": {
+          "content": "Renk"
+        },
+        "menu_color_scheme": {
+          "label": "Menü renk şeması"
         }
       }
     },

diff --git a/locales/vi.schema.json b/locales/vi.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "Bật hộp chọn ngôn ngữ"
+        },
+        "header__1": {
+          "content": "Màu"
+        },
+        "menu_color_scheme": {
+          "label": "Bảng màu của menu"
         }
       }
     },

diff --git a/locales/zh-CN.schema.json b/locales/zh-CN.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "启用语言选择器"
+        },
+        "header__1": {
+          "content": "颜色"
+        },
+        "menu_color_scheme": {
+          "label": "菜单配色方案"
         }
       }
     },

diff --git a/locales/zh-TW.schema.json b/locales/zh-TW.schema.json
@@ -961,6 +961,12 @@
         },
         "enable_language_selector": {
           "label": "啟用語言選擇器"
+        },
+        "header__1": {
+          "content": "顏色"
+        },
+        "menu_color_scheme": {
+          "label": "選單顏色配置"
         }
       }
     },

diff --git a/sections/header.liquid b/sections/header.liquid
@@ -593,11 +593,21 @@
       "default": true,
       "label": "t:sections.header.settings.show_line_separator.label"
     },
+    {
+      "type": "header",
+      "content": "t:sections.header.settings.header__1.content"
+    },
     {
       "type": "color_scheme",
       "id": "color_scheme",
       "label": "t:sections.all.colors.label",
       "default": "background-1"
+    },
+      {
+      "type": "color_scheme",
+      "id": "menu_color_scheme",
+      "label": "t:sections.header.settings.menu_color_scheme.label",
+      "default": "background-1"
     },
     {
       "type": "header",

diff --git a/snippets/header-drawer.liquid b/snippets/header-drawer.liquid
@@ -16,7 +16,7 @@
         {% render 'icon-close' %}
       </span>
     </summary>
-    <div id="menu-drawer" class="gradient menu-drawer motion-reduce">
+    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-{{ section.settings.menu_color_scheme }}">
       <div class="menu-drawer__inner-container">
         <div class="menu-drawer__navigation-container">
           <nav class="menu-drawer__navigation">

diff --git a/snippets/header-dropdown-menu.liquid b/snippets/header-dropdown-menu.liquid
@@ -27,7 +27,7 @@
               </summary>
               <ul
                 id="HeaderMenu-MenuList-{{ forloop.index }}"
-                class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup"
+                class="header__submenu list-menu list-menu--disclosure color-{{ section.settings.menu_color_scheme }} gradient caption-large motion-reduce global-settings-popup"
                 role="list"
                 tabindex="-1"
               >

diff --git a/snippets/header-mega-menu.liquid b/snippets/header-mega-menu.liquid
@@ -27,7 +27,7 @@
               </summary>
               <div
                 id="MegaMenu-Content-{{ forloop.index }}"
-                class="mega-menu__content gradient motion-reduce global-settings-popup"
+                class="mega-menu__content color-{{ section.settings.menu_color_scheme }} gradient motion-reduce global-settings-popup"
                 tabindex="-1"
               >
                 <ul