Skip to content

Commit fbb18cd

Browse files
committed
Added icon search to palette toggle
1 parent ef8045b commit fbb18cd

File tree

1 file changed

+14
-2
lines changed

1 file changed

+14
-2
lines changed

docs/setup/changing-the-colors.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -179,15 +179,27 @@ theme:
179179
palette: # (1)!
180180
- scheme: default
181181
toggle:
182-
icon: material/toggle-switch-off-outline
182+
icon: material/toggle-switch-off-outline # (2)!
183183
name: Switch to dark mode
184-
- scheme: slate # (2)!
184+
- scheme: slate # (3)!
185185
toggle:
186186
icon: material/toggle-switch
187187
name: Switch to light mode
188188
```
189189

190190
1. Note that the `theme.palette` setting is now defined as a list.
191+
192+
2. Enter a few keywords to find the perfect icon using our [icon search] and
193+
click on the shortcode to copy it to your clipboard:
194+
195+
<div class="mdx-iconsearch" data-mdx-component="iconsearch">
196+
<input class="md-input md-input--stretch mdx-iconsearch__input" placeholder="Search icon" data-mdx-component="iconsearch-query" value="toggle switch" />
197+
<div class="mdx-iconsearch-result" data-mdx-component="iconsearch-result" data-mdx-mode="file">
198+
<div class="mdx-iconsearch-result__meta"></div>
199+
<ol class="mdx-iconsearch-result__list"></ol>
200+
</div>
201+
</div>
202+
191203
2. With __2__ (color schemes) __x 21__ (primary colors) __x 17__ (accent color)
192204
= __714__ combinations, it's impossible to ensure that all configurations
193205
provide a good user experience (e.g. _yellow on light background_). Make

0 commit comments

Comments
 (0)