Allow to define color schemes without toggles

material/base.html

@@ -223,7 +223,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.7353b375.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.56defda5.min.js' | url }}"></script>
       {% for path in config["extra_javascript"] %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

material/partials/header.html

@@ -33,9 +33,11 @@
           {% set primary = option.primary | replace(" ", "-") | lower %}
           {% set accent  = option.accent  | replace(" ", "-") | lower %}
           <input class="md-option" data-md-color-media="{{ option.media }}" data-md-color-scheme="{{ option.scheme }}" data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}" type="radio" name="__palette" id="__palette_{{ loop.index }}">
-          <label class="md-header__button md-icon" title="{{ option.toggle.name }}" for="__palette_{{ loop.index0 or loop.length }}" hidden>
+          {% if option.toggle %}
-            {% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
+            <label class="md-header__button md-icon" title="{{ option.toggle.name }}" for="__palette_{{ loop.index0 or loop.length }}" hidden>
-          </label>
+              {% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
+            </label>
+          {% endif %}
         {% endfor %}
       </form>
     {% endif %}

src/assets/javascripts/components/palette/index.ts

@@ -131,8 +131,9 @@ export function mountPalette(
 
     /* Toggle visibility */
     for (let index = 0; index < inputs.length; index++) {
-      const label = inputs[index].nextElementSibling as HTMLElement
+      const label = inputs[index].nextElementSibling
-      label.hidden = palette.index !== index
+      if (label instanceof HTMLElement)
+        label.hidden = palette.index !== index
     }
   })
 

src/partials/header.html

@@ -79,14 +79,16 @@
             name="__palette"
             id="__palette_{{ loop.index }}"
           />
-          <label
+          {% if option.toggle %}
-            class="md-header__button md-icon"
+            <label
-            title="{{ option.toggle.name }}"
+              class="md-header__button md-icon"
-            for="__palette_{{ loop.index0 or loop.length }}"
+              title="{{ option.toggle.name }}"
-            hidden
+              for="__palette_{{ loop.index0 or loop.length }}"
-          >
+              hidden
-            {% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
+            >
-          </label>
+              {% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
+            </label>
+          {% endif %}
         {% endfor %}
       </form>
     {% endif %}

typings/_/index.d.ts

@@ -50,6 +50,11 @@ declare global {
    */
   const __search: GlobalSearchConfig | undefined
 
+  /**
+   * Global function to prefix storage items
+   */
+   function __prefix(key: string): string
+
   /**
    * Google Analytics
    */