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

Documentation

Browse Source
This commit is contained in:
squidfunk 2022-06-14 09:32:39 +02:00
parent 774f119912
commit dc1be9ea7e
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -184,7 +184,7 @@ theme:
name: Switch to dark mode name: Switch to dark mode
# Palette toggle for dark mode # Palette toggle for dark mode
- scheme: slate # (3)! - scheme: slate
toggle: toggle:
icon: material/brightness-4 icon: material/brightness-4
name: Switch to light mode name: Switch to light mode
@ -203,15 +203,9 @@ theme:
</div> </div>
</div> </div>
3. With __2__ (color schemes) __x 21__ (primary colors) __x 17__ (accent color)
= __714__ combinations, it's impossible to ensure that all configurations
provide a good user experience (e.g. _yellow on light background_). Make
sure that the color combination of your choosing provides enough contrast
and tweak CSS variables where necessary.
This configuration will render a color palette toggle next to the search bar. This configuration will render a color palette toggle next to the search bar.
Note that you can also define separate settings for [`scheme`][palette.scheme], Note that you can also define separate settings for [`primary`][palette.primary]
[`primary`][palette.primary] and [`accent`][palette.accent] per color palette. and [`accent`][palette.accent] per color palette.
The following properties must be set for each toggle: The following properties must be set for each toggle:
@ -297,7 +291,7 @@ theme:
# Palette toggle for light mode # Palette toggle for light mode
- media: "(prefers-color-scheme: light)" - media: "(prefers-color-scheme: light)"
scheme: default scheme: default #(1)!
toggle: toggle:
icon: material/brightness-7 icon: material/brightness-7
name: Switch to dark mode name: Switch to dark mode
@ -310,6 +304,10 @@ theme:
name: Switch to system preference name: Switch to system preference
``` ```
1. You can also define separate settings for [`primary`][palette.primary] and
[`accent`][palette.accent] per color palette, i.e. different colors for
light and dark mode.
Material for MkDocs will now change the color palette each time the operating Material for MkDocs will now change the color palette each time the operating
system switches between light and dark appearance, even when the user doesn't system switches between light and dark appearance, even when the user doesn't
reload the site. reload the site.