From 08ef8b70c70a3ae5bf49e9a0fadb075f85db3508 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=B6ren=20Weber?= Date: Mon, 14 Feb 2022 22:32:53 +0100 Subject: [PATCH] docs: clarification for syntax highlightning theme switch --- exampleSite/content/basics/customization/_index.en.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/exampleSite/content/basics/customization/_index.en.md b/exampleSite/content/basics/customization/_index.en.md index 7f4dc0139b..67bc0f9f2b 100644 --- a/exampleSite/content/basics/customization/_index.en.md +++ b/exampleSite/content/basics/customization/_index.en.md @@ -170,3 +170,7 @@ You can also set multiple variants. In this case, the first variant is the defau # Change default color scheme with a variant one. themeVariant = [ "relearn-light", "relearn-dark" ] ``` + +{{% notice tip %}} +If you want to switch the syntax highlightning theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation [according to Hugo's documentation](https://gohugo.io/content-management/syntax-highlighting/), and `@import` this stylesheet in your color variant stylesheet. For an example, take a look into `theme-relearn-light.css` and `config.toml` of the exampleSite. +{{% /notice %}}