Skip to content

Commit 522d115

Browse files
committed
docs(syntax-highlighting): document using different themes for light and
dark modes
1 parent 6b56c2e commit 522d115

2 files changed

Lines changed: 9 additions & 2 deletions

File tree

README.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -244,10 +244,13 @@ highlight_theme = "css" # Required for class-based highlighting
244244
# Specify theme(s) for dark and light modes
245245
highlight_themes_css = [
246246
{ theme = "one-dark", filename = "syntax/syntax-theme-dark.css" },
247-
{ theme = "one-dark", filename = "syntax/syntax-theme-light.css" },
247+
{ theme = "gruvbox-dark", filename = "syntax/syntax-theme-light.css" },
248248
]
249249
```
250250

251+
For example, the above configuration will use the `one-dark` theme for dark mode
252+
and the `gruvbox-dark` theme for light mode.
253+
251254
##### Choosing Themes
252255

253256
1. Browse available themes at [Zola's syntax highlighting

content/configuration/index.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -204,10 +204,14 @@ highlight_theme = "css" # Required for class-based highlighting
204204
# Specify theme(s) for dark and light modes
205205
highlight_themes_css = [
206206
{ theme = "one-dark", filename = "syntax/syntax-theme-dark.css" },
207-
{ theme = "one-dark", filename = "syntax/syntax-theme-light.css" },
207+
{ theme = "gruvbox-dark", filename = "syntax/syntax-theme-light.css" },
208208
]
209209
```
210210

211+
For example, the above configuration will use the `one-dark` theme for dark mode
212+
and the `gruvbox-dark` theme for light mode. **You can see this in action by
213+
toggling the theme at the top of this page.**
214+
211215
##### Choosing Themes
212216

213217
1. Browse available themes at [Zola's syntax highlighting

0 commit comments

Comments
 (0)