OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Always set default primary and accent colors

Browse Source
This commit is contained in:
squidfunk 2023-04-22 12:21:48 +02:00
parent ba90cb1ccd
commit 6fe1d55607
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
4 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
material/base.html
View File

@ -81,8 +81,8 @@
{% set palette = palette | first %} {% set palette = palette | first %}
{% endif %} {% endif %}
{% set scheme = palette.scheme | d("default", true) %} {% set scheme = palette.scheme | d("default", true) %}
{% set primary = palette.primary | d("", true) %} {% set primary = palette.primary | d("indigo", true) %}
{% set accent = palette.accent | d("", 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(' ', '-') }}"> <body dir="{{ direction }}" data-md-color-scheme="{{ scheme | replace(' ', '-') }}" data-md-color-primary="{{ primary | replace(' ', '-') }}" data-md-color-accent="{{ accent | replace(' ', '-') }}">
{% else %} {% else %}
<body dir="{{ direction }}"> <body dir="{{ direction }}">

6
material/partials/header.html
View File

@ -36,8 +36,10 @@
{% if not config.theme.palette is mapping %} {% if not config.theme.palette is mapping %}
<form class="md-header__option" data-md-component="palette"> <form class="md-header__option" data-md-component="palette">
{% for option in config.theme.palette %} {% for option in config.theme.palette %}
{% set scheme = option.scheme | d("default", true) %} {% 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 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 %} {% if option.toggle %}
<label class="md-header__button md-icon" title="{{ option.toggle.name }}" for="__palette_{{ loop.index0 or loop.length }}" hidden> <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" %} {% include ".icons/" ~ option.toggle.icon ~ ".svg" %}

4
src/base.html
View File

@ -161,8 +161,8 @@
{% set palette = palette | first %} {% set palette = palette | first %}
{% endif %} {% endif %}
{% set scheme = palette.scheme | d("default", true) %} {% set scheme = palette.scheme | d("default", true) %}
{% set primary = palette.primary | d("", true) %} {% set primary = palette.primary | d("indigo", true) %}
{% set accent = palette.accent | d("", true) %} {% set accent = palette.accent | d("indigo", true) %}
<body <body
dir="{{ direction }}" dir="{{ direction }}"
data-md-color-scheme="{{ scheme | replace(' ', '-') }}" data-md-color-scheme="{{ scheme | replace(' ', '-') }}"

8
src/partials/header.html
View File

@ -75,13 +75,15 @@
{% if not config.theme.palette is mapping %} {% if not config.theme.palette is mapping %}
<form class="md-header__option" data-md-component="palette"> <form class="md-header__option" data-md-component="palette">
{% for option in config.theme.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 <input
class="md-option" class="md-option"
data-md-color-media="{{ option.media }}" data-md-color-media="{{ option.media }}"
data-md-color-scheme="{{ scheme | replace(' ', '-') }}" data-md-color-scheme="{{ scheme | replace(' ', '-') }}"
data-md-color-primary="{{ option.primary | replace(' ', '-') }}" data-md-color-primary="{{ primary | replace(' ', '-') }}"
data-md-color-accent="{{ option.accent | replace(' ', '-') }}" data-md-color-accent="{{ accent | replace(' ', '-') }}"
{% if option.toggle %} {% if option.toggle %}
aria-label="{{ option.toggle.name }}" aria-label="{{ option.toggle.name }}"
{% else %} {% else %}