📝 Add dark mode auto switch to docs based on OS preference (#4869)

This commit is contained in:
Mário Victor Ribeiro Silva 2022-05-11 15:53:57 -03:00 committed by GitHub
parent 0f7de452dd
commit 15dd12629e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 72 additions and 36 deletions

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:

View file

@ -5,13 +5,15 @@ theme:
name: material name: material
custom_dir: overrides custom_dir: overrides
palette: palette:
- scheme: default - media: "(prefers-color-scheme: light)"
scheme: default
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle:
icon: material/lightbulb icon: material/lightbulb
name: Switch to light mode name: Switch to light mode
- scheme: slate - media: "(prefers-color-scheme: dark)"
scheme: slate
primary: teal primary: teal
accent: amber accent: amber
toggle: toggle: