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

Added icon search to palette toggle

Browse Source
This commit is contained in:
squidfunk 2022-01-16 17:34:27 +01:00
parent ef8045bc56
commit fbb18cd859
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
docs/setup/changing-the-colors.md
View File

@ -179,15 +179,27 @@ theme:
palette: # (1)! palette: # (1)!
- scheme: default - scheme: default
toggle: toggle:
icon: material/toggle-switch-off-outline icon: material/toggle-switch-off-outline # (2)!
name: Switch to dark mode name: Switch to dark mode
- scheme: slate # (2)! - scheme: slate # (3)!
toggle: toggle:
icon: material/toggle-switch icon: material/toggle-switch
name: Switch to light mode name: Switch to light mode
``` ```
1. Note that the `theme.palette` setting is now defined as a list. 1. Note that the `theme.palette` setting is now defined as a list.
2. Enter a few keywords to find the perfect icon using our [icon search] and
click on the shortcode to copy it to your clipboard:
<div class="mdx-iconsearch" data-mdx-component="iconsearch">
<input class="md-input md-input--stretch mdx-iconsearch__input" placeholder="Search icon" data-mdx-component="iconsearch-query" value="toggle switch" />
<div class="mdx-iconsearch-result" data-mdx-component="iconsearch-result" data-mdx-mode="file">
<div class="mdx-iconsearch-result__meta"></div>
<ol class="mdx-iconsearch-result__list"></ol>
</div>
</div>
2. With __2__ (color schemes) __x 21__ (primary colors) __x 17__ (accent color) 2. With __2__ (color schemes) __x 21__ (primary colors) __x 17__ (accent color)
= __714__ combinations, it's impossible to ensure that all configurations = __714__ combinations, it's impossible to ensure that all configurations
provide a good user experience (e.g. _yellow on light background_). Make provide a good user experience (e.g. _yellow on light background_). Make