Allow to define color schemes without toggles

This commit is contained in:
squidfunk 2021-04-10 19:36:59 +02:00
parent 7d405c4a1b
commit 2c973e1755
7 changed files with 28 additions and 18 deletions

View File

@ -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 %}

View File

@ -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 }}">
{% 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" %}
</label>
{% endif %}
{% endfor %}
</form>
{% endif %}

View File

@ -131,7 +131,8 @@ 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
if (label instanceof HTMLElement)
label.hidden = palette.index !== index
}
})

View File

@ -79,6 +79,7 @@
name="__palette"
id="__palette_{{ loop.index }}"
/>
{% if option.toggle %}
<label
class="md-header__button md-icon"
title="{{ option.toggle.name }}"
@ -87,6 +88,7 @@
>
{% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
</label>
{% endif %}
{% endfor %}
</form>
{% endif %}

View File

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