Skip to content

Commit dc1be9e

Browse files
committed
Documentation
1 parent 774f119 commit dc1be9e

File tree

1 file changed

+8
-10
lines changed

1 file changed

+8
-10
lines changed

docs/setup/changing-the-colors.md

+8-10
Original file line numberDiff line numberDiff line change
@@ -184,7 +184,7 @@ theme:
184184
name: Switch to dark mode
185185
186186
# Palette toggle for dark mode
187-
- scheme: slate # (3)!
187+
- scheme: slate
188188
toggle:
189189
icon: material/brightness-4
190190
name: Switch to light mode
@@ -203,15 +203,9 @@ theme:
203203
</div>
204204
</div>
205205

206-
3. With __2__ (color schemes) __x 21__ (primary colors) __x 17__ (accent color)
207-
= __714__ combinations, it's impossible to ensure that all configurations
208-
provide a good user experience (e.g. _yellow on light background_). Make
209-
sure that the color combination of your choosing provides enough contrast
210-
and tweak CSS variables where necessary.
211-
212206
This configuration will render a color palette toggle next to the search bar.
213-
Note that you can also define separate settings for [`scheme`][palette.scheme],
214-
[`primary`][palette.primary] and [`accent`][palette.accent] per color palette.
207+
Note that you can also define separate settings for [`primary`][palette.primary]
208+
and [`accent`][palette.accent] per color palette.
215209

216210
The following properties must be set for each toggle:
217211

@@ -297,7 +291,7 @@ theme:
297291
298292
# Palette toggle for light mode
299293
- media: "(prefers-color-scheme: light)"
300-
scheme: default
294+
scheme: default #(1)!
301295
toggle:
302296
icon: material/brightness-7
303297
name: Switch to dark mode
@@ -310,6 +304,10 @@ theme:
310304
name: Switch to system preference
311305
```
312306

307+
1. You can also define separate settings for [`primary`][palette.primary] and
308+
[`accent`][palette.accent] per color palette, i.e. different colors for
309+
light and dark mode.
310+
313311
Material for MkDocs will now change the color palette each time the operating
314312
system switches between light and dark appearance, even when the user doesn't
315313
reload the site.

0 commit comments

Comments
 (0)