syntax highlight: provide default colors for unknown languages #113

exampleSite/content/basics/installation/_index.en.md

@@ -9,7 +9,7 @@ The following steps are here to help you initialize your new website. If you don
 
 Hugo provides a `new` command to create a new website.
 
-```shell
+```
 hugo new site <new_project>
 ```
 

exampleSite/content/basics/migration/_index.en.md

@@ -11,6 +11,14 @@ This document shows you what's new in the latest release. For a detailed list of
 
 **New**: Marks new behavior you might find interesting or comes configurable.
 
+---
+
+## 2.5.0
+
+- **Change**: Add new colors `--MAIN-CODE-color` and `--MAIN-CODE-BG-color` for syntax highlightning fallback in your stylesheet in case `guessSyntax=true` is set. Ideally they are set to the same values as the ones from your chosen chroma style.
+
+---
+
 ## 2.4.0
 
 - **Change**: Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included. The [documentation]({{%relref "basics/customization/#mine-variant" %}}) was adjusted accordingly.
@@ -23,10 +31,14 @@ This document shows you what's new in the latest release. For a detailed list of
 
 - **New**: Alternate content of a page is now advertised in the HTML meta tags. See [Hugo documentation](https://gohugo.io/templates/rss/#reference-your-rss-feed-in-head).
 
+---
+
 ## 2.2.0
 
 - **New**: Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting `disableSeoHiddenPages=true` in your `config.toml`.
 
+---
+
 ## 2.1.0
 
 - **Change**: In case the site's structure contains addional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in exampleSite), they will now be ignored by the search.
@@ -37,8 +49,12 @@ This document shows you what's new in the latest release. For a detailed list of
 
 - **New**: The menu will scroll the active item into view on load.
 
+---
+
 ## 2.0.0
 
+- **Change**: Syntaxhighlightning was switched to [built in Hugo mechanism](https://gohugo.io/content-management/syntax-highlighting/). You may need to configure a new stylesheet or decide to roll you own as describedd on in the Hugo documentation
+
 - **Change**: In the predefined stylesheets there was a typo and `--MENU-HOME-LINK-HOVERED-color` must be changed to `--MENU-HOME-LINK-HOVER-color`.
 
 - **Change**: `--MENU-HOME-LINK-color` and `--MENU-HOME-LINK-HOVER-color` were missing in the documentation. You should add them to your custom stylesheets.
@@ -57,10 +73,14 @@ This document shows you what's new in the latest release. For a detailed list of
 
 - **New**: New shortcode [`include`]({{% relref "shortcodes/include" %}}) to include arbitrary file content into a page.
 
+---
+
 ## 1.2.0
 
 - **New**: Shortcode [`expand`]({{% relref "shortcodes/expand" %}}) with new parameter to open on page load.
 
+---
+
 ## 1.1.0
 
 - **New**: [`Mermaid`]({{% relref "shortcodes/mermaid#configuration" %}}) config options can be set in `config.toml`.

static/css/theme-blue.css

@@ -5,6 +5,9 @@
     --MAIN-LINK-HOVER-color:#167ad0; /* Color of hovered links */
     --MAIN-ANCHOR-color: #1C90F3; /* color of anchors on titles */
 
+    --MAIN-CODE-color: #e2e4e5; /* fallback color for code background */
+    --MAIN-CODE-BG-color: #282a36; /* fallback color for code text */
+
     --MENU-HOME-LINK-color: #323232; /* Color of the home button text */
     --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* Color of the hovered home button text */
 

static/css/theme-green.css

@@ -5,6 +5,9 @@
     --MAIN-LINK-HOVER-color:#3f6d2c; /* Color of hovered links */
     --MAIN-ANCHOR-color: #599a3e; /* color of anchors on titles */
 
+    --MAIN-CODE-color: #e2e4e5; /* fallback color for code background */
+    --MAIN-CODE-BG-color: #282a36; /* fallback color for code text */
+
     --MENU-HOME-LINK-color: #323232; /* Color of the home button text */
     --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* Color of the hovered home button text */
 

static/css/theme-red.css

@@ -5,6 +5,9 @@
     --MAIN-LINK-HOVER-color:#d01616; /* Color of hovered links */
     --MAIN-ANCHOR-color: #f31c1c; /* color of anchors on titles */
 
+    --MAIN-CODE-color: #e2e4e5; /* fallback color for code background */
+    --MAIN-CODE-BG-color: #282a36; /* fallback color for code text */
+
     --MENU-HOME-LINK-color: #ccc; /* Color of the home button text */
     --MENU-HOME-LINK-HOVER-color: #e6e6e6; /* Color of the hovered home button text */
 

static/css/theme-relearn.css

@@ -5,6 +5,9 @@
     --MAIN-LINK-HOVER-color:#0044ff; /* Color of hovered links */
     --MAIN-ANCHOR-color: #486ac9; /* color of anchors on titles */
 
+    --MAIN-CODE-color: #e2e4e5; /* fallback color for code background */
+    --MAIN-CODE-BG-color: #282a36; /* fallback color for code text */
+
     --MENU-HOME-LINK-color: #323232; /* Color of the home button text */
     --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* Color of the hovered home button text */
 

static/css/variant.css

@@ -10,6 +10,11 @@ a {
     color: var(--MAIN-LINK-color);
 }
 
+pre {
+    background-color: var(--MAIN-CODE-BG-color);
+    color: var(--MAIN-CODE-color);
+}
+
 .anchor {
     color: var(--MAIN-ANCHOR-color);
 }