Always set default primary and accent colors

squidfunk · squidfunk · commit 6fe1d5560714 · 2023-04-22T12:21:48.000+02:00
diff --git a/material/base.html b/material/base.html
@@ -81,8 +81,8 @@
       {% set palette = palette | first %}
     {% endif %}
     {% set scheme  = palette.scheme  | d("default", true) %}
-    {% set primary = palette.primary | d("", true) %}
-    {% set accent  = palette.accent  | d("", true) %}
+    {% set primary = palette.primary | d("indigo", true) %}
+    {% set accent  = palette.accent  | d("indigo", true) %}
     <body dir="{{ direction }}" data-md-color-scheme="{{ scheme | replace(' ', '-') }}" data-md-color-primary="{{ primary | replace(' ', '-') }}" data-md-color-accent="{{ accent | replace(' ', '-') }}">
   {% else %}
     <body dir="{{ direction }}">
diff --git a/material/partials/header.html b/material/partials/header.html
@@ -36,8 +36,10 @@
     {% if not config.theme.palette is mapping %}
       <form class="md-header__option" data-md-component="palette">
         {% for option in config.theme.palette %}
-          {% set scheme = option.scheme | d("default", true) %}
-          <input class="md-option" data-md-color-media="{{ option.media }}" data-md-color-scheme="{{ scheme | replace(' ', '-') }}" data-md-color-primary="{{ option.primary | replace(' ', '-') }}" data-md-color-accent="{{ option.accent | replace(' ', '-') }}" {% if option.toggle %} aria-label="{{ option.toggle.name }}" {% else %} aria-hidden="true" {% endif %} type="radio" name="__palette" id="__palette_{{ loop.index }}">
+          {% set scheme  = option.scheme  | d("default", true) %}
+          {% set primary = option.primary | d("indigo", true) %}
+          {% set accent  = option.accent  | d("indigo", true) %}
+          <input class="md-option" data-md-color-media="{{ option.media }}" data-md-color-scheme="{{ scheme | replace(' ', '-') }}" data-md-color-primary="{{ primary | replace(' ', '-') }}" data-md-color-accent="{{ accent | replace(' ', '-') }}" {% if option.toggle %} aria-label="{{ option.toggle.name }}" {% else %} aria-hidden="true" {% endif %} type="radio" name="__palette" id="__palette_{{ loop.index }}">
           {% if option.toggle %}
             <label class="md-header__button md-icon" title="{{ option.toggle.name }}" for="__palette_{{ loop.index0 or loop.length }}" hidden>
               {% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
diff --git a/src/base.html b/src/base.html
@@ -161,8 +161,8 @@
       {% set palette = palette | first %}
     {% endif %}
     {% set scheme  = palette.scheme  | d("default", true) %}
-    {% set primary = palette.primary | d("", true) %}
-    {% set accent  = palette.accent  | d("", true) %}
+    {% set primary = palette.primary | d("indigo", true) %}
+    {% set accent  = palette.accent  | d("indigo", true) %}
     <body
       dir="{{ direction }}"
       data-md-color-scheme="{{ scheme | replace(' ', '-') }}"
diff --git a/src/partials/header.html b/src/partials/header.html
@@ -75,13 +75,15 @@
     {% if not config.theme.palette is mapping %}
       <form class="md-header__option" data-md-component="palette">
         {% for option in config.theme.palette %}
-          {% set scheme = option.scheme | d("default", true) %}
+          {% set scheme  = option.scheme  | d("default", true) %}
+          {% set primary = option.primary | d("indigo", true) %}
+          {% set accent  = option.accent  | d("indigo", true) %}
           <input
             class="md-option"
             data-md-color-media="{{ option.media }}"
             data-md-color-scheme="{{ scheme | replace(' ', '-') }}"
-            data-md-color-primary="{{ option.primary | replace(' ', '-') }}"
-            data-md-color-accent="{{ option.accent | replace(' ', '-') }}"
+            data-md-color-primary="{{ primary | replace(' ', '-') }}"
+            data-md-color-accent="{{ accent | replace(' ', '-') }}"
             {% if option.toggle %}
               aria-label="{{ option.toggle.name }}"
             {% else  %}
