@@ -166,6 +166,7 @@ See our guide below to learn how to set [custom colors].
166
166
167
167
<!-- md:version 7.1.0 -->
168
168
<!-- md:default none -->
169
+ <!-- md:example color-palette-toggle -->
169
170
170
171
Offering a light _and_ dark color palette makes your documentation pleasant to
171
172
read at different times of the day, so the user can choose accordingly. Add the
@@ -235,6 +236,7 @@ The following properties must be set for each toggle:
235
236
236
237
<!-- md:version 7.1.0 -->
237
238
<!-- md:default none -->
239
+ <!-- md:example color-palette-system-preference -->
238
240
239
241
Each color palette can be linked to the user's system preference for light and
240
242
dark appearance by using a media query. Simply add a `media` property next to
@@ -268,6 +270,7 @@ default color palette.
268
270
<!-- md:sponsors -->
269
271
<!-- md:version insiders-4.18.0 -->
270
272
<!-- md:flag experimental -->
273
+ <!-- md:example color-palette-system-preference -->
271
274
272
275
Newer operating system allow to automatically switch between light and dark
273
276
appearance during day and night times. [Insiders] adds support for automatic
@@ -313,6 +316,9 @@ reload the site.
313
316
314
317
# ## Custom colors
315
318
319
+ <!-- md:version 5.0.0 -->
320
+ <!-- md:example custom-colors -->
321
+
316
322
Material for MkDocs implements colors using [CSS variables] (custom
317
323
properties). If you want to customize the colors beyond the palette (e.g. to
318
324
use your brand-specific colors), you can add an [additional style sheet] and
0 commit comments