diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml index a0a0fde9bb..b53e2d4bd1 100644 --- a/exampleSite/config/_default/params.toml +++ b/exampleSite/config/_default/params.toml @@ -80,9 +80,10 @@ themeVariant = [ # The theme modifies the variant stylesheets during build and tries to store # them with the same file name. In certain installations it was observed, that # Hugo could not overwrite these files due to permission issues. If you -# experience this, you can set this option to eg. ".gen". This will be used -# as a suffix for these generated files, causing them be newly created instead -# of overwriting existing ones. +# experience this, you can first try to set the `--noChmod` option for Hugo. +# If this still doesn't help you can set this option to eg. ".gen". This will +# be used as a suffix for these generated files, causing them to be newly +# created instead of overwriting the existing ones. themeVariantModifier = "" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ diff --git a/exampleSite/content/basics/branding/_index.en.md b/exampleSite/content/basics/branding/_index.en.md index 56d02ee2fe..e5f8ea5e08 100644 --- a/exampleSite/content/basics/branding/_index.en.md +++ b/exampleSite/content/basics/branding/_index.en.md @@ -172,7 +172,7 @@ In case you like a shipped variant but only want to tweak some aspects, you have @import "theme-relearn-light.css"; :root { - --CODE-theme: learn; /* name of the chroma styleheet file */ + --CODE-theme: neon; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */ --CODE-BLOCK-BG-color: rgba( 40, 42, 54, 1 ); /* fallback color for code background */ } diff --git a/static/css/theme-blue.css b/static/css/theme-blue.css index 08508c1bd0..a424fc4f85 100644 --- a/static/css/theme-blue.css +++ b/static/css/theme-blue.css @@ -6,7 +6,7 @@ --MAIN-LINK-HOVER-color: rgba( 22, 122, 208, 1 ); /* Color of hovered links */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */ - --CODE-theme: learn; /* name of the chroma styleheet file */ + --CODE-theme: learn; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */ --CODE-BLOCK-BG-color: rgba( 40, 42, 54, 1 ); /* fallback color for code background */ --CODE-BLOCK-BORDER-color: rgba( 40, 42, 54, 1 ); /* color of block code border */ diff --git a/static/css/theme-green.css b/static/css/theme-green.css index ef6dabf117..fe8a63bdd8 100644 --- a/static/css/theme-green.css +++ b/static/css/theme-green.css @@ -6,7 +6,7 @@ --MAIN-LINK-HOVER-color: rgba( 63, 109, 44, 1 ); /* Color of hovered links */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */ - --CODE-theme: learn; /* name of the chroma styleheet file */ + --CODE-theme: learn; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */ --CODE-BLOCK-BG-color: rgba( 40, 42, 54, 1 ); /* fallback color for code background */ --CODE-BLOCK-BORDER-color: rgba( 40, 42, 54, 1 ); /* color of block code border */ diff --git a/static/css/theme-learn.css b/static/css/theme-learn.css index a7e3fa7360..ce2a3fb2ac 100644 --- a/static/css/theme-learn.css +++ b/static/css/theme-learn.css @@ -6,7 +6,7 @@ --MAIN-LINK-HOVER-color: rgba( 0, 130, 167, 1 ); /* Color of hovered links */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */ - --CODE-theme: learn; /* name of the chroma styleheet file */ + --CODE-theme: learn; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */ --CODE-BLOCK-BG-color: rgba( 40, 42, 54, 1 ); /* fallback color for code background */ --CODE-BLOCK-BORDER-color: rgba( 40, 42, 54, 1 ); /* color of block code border */ diff --git a/static/css/theme-neon.css b/static/css/theme-neon.css index a919997758..469c76daea 100644 --- a/static/css/theme-neon.css +++ b/static/css/theme-neon.css @@ -16,7 +16,7 @@ --MAIN-TITLES-H3-color: rgba( 0, 243, 211, 1 ); /* text color of h3-h6 titles */ --MAIN-TITLES-H4-color: rgba( 255, 255, 0, 1 ); /* text color of h4-h6 titles */ - --CODE-theme: neon; /* name of the chroma styleheet file */ + --CODE-theme: neon; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 0, 0, 0, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-INLINE-color: rgba( 130, 229, 80, 1 ); /* text color of inline code */ diff --git a/static/css/theme-red.css b/static/css/theme-red.css index bc081cc957..1efcc07c1f 100644 --- a/static/css/theme-red.css +++ b/static/css/theme-red.css @@ -6,7 +6,7 @@ --MAIN-LINK-HOVER-color: rgba( 208, 22, 22, 1 ); /* Color of hovered links */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */ - --CODE-theme: learn; /* name of the chroma styleheet file */ + --CODE-theme: learn; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */ --CODE-BLOCK-BG-color: rgba( 40, 42, 54, 1 ); /* fallback color for code background */ --CODE-BLOCK-BORDER-color: rgba( 40, 42, 54, 1 ); /* color of block code border */ diff --git a/static/css/theme-relearn-bright.css b/static/css/theme-relearn-bright.css index 60f43bdb58..76eb3a421d 100644 --- a/static/css/theme-relearn-bright.css +++ b/static/css/theme-relearn-bright.css @@ -8,7 +8,7 @@ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */ - --CODE-theme: relearn-light; /* name of the chroma styleheet file */ + --CODE-theme: relearn-light; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 250, 250, 250, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BORDER-color: rgba( 216, 216, 216, 1 ); /* border color of block code */ diff --git a/static/css/theme-relearn-dark.css b/static/css/theme-relearn-dark.css index 2a19c2b963..d607b8df15 100644 --- a/static/css/theme-relearn-dark.css +++ b/static/css/theme-relearn-dark.css @@ -8,7 +8,7 @@ --MAIN-BG-color: rgba( 32, 32, 32, 1 ); /* background color of content */ --MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */ - --CODE-theme: relearn-dark; /* name of the chroma styleheet file */ + --CODE-theme: relearn-dark; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 43, 43, 43, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of block code */ diff --git a/static/css/theme-relearn-light.css b/static/css/theme-relearn-light.css index 69cff98c22..9eac02cfcf 100644 --- a/static/css/theme-relearn-light.css +++ b/static/css/theme-relearn-light.css @@ -8,7 +8,7 @@ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */ - --CODE-theme: relearn-light; /* name of the chroma styleheet file */ + --CODE-theme: relearn-light; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 250, 250, 250, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BORDER-color: rgba( 216, 216, 216, 1 ); /* border color of block code */ diff --git a/static/css/theme-zen-dark.css b/static/css/theme-zen-dark.css index 3844a458ee..f3d8eed069 100644 --- a/static/css/theme-zen-dark.css +++ b/static/css/theme-zen-dark.css @@ -8,7 +8,7 @@ --MAIN-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of content and h1 titles */ --MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */ - --CODE-theme: relearn-dark; /* name of the chroma styleheet file */ + --CODE-theme: relearn-dark; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 43, 43, 43, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of block code */ diff --git a/static/css/theme-zen-light.css b/static/css/theme-zen-light.css index e56ed58904..4da24f98b9 100644 --- a/static/css/theme-zen-light.css +++ b/static/css/theme-zen-light.css @@ -8,7 +8,7 @@ --MAIN-TEXT-color: rgba( 0, 0, 0, 1 ); /* text color of content and h1 titles */ --MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */ - --CODE-theme: relearn-light; /* name of the chroma styleheet file */ + --CODE-theme: relearn-light; /* name of the chroma stylesheet file */ --CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 250, 250, 250, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color of block code */ diff --git a/static/js/variant.js b/static/js/variant.js index b786d7e52a..a215ded448 100644 --- a/static/js/variant.js +++ b/static/js/variant.js @@ -576,7 +576,7 @@ var variants = { { name: 'MAIN-TITLES-H5-font', group: 'headings', fallback: 'MAIN-TITLES-H4-font', tooltip: 'text font of h5-h6 titles', }, { name: 'MAIN-TITLES-H6-font', group: 'headings', fallback: 'MAIN-TITLES-H5-font', tooltip: 'text font of h6 titles', }, - { name: 'CODE-theme', group: 'code', default: 'relearn-light', tooltip: 'name of the chroma styleheet file', }, + { name: 'CODE-theme', group: 'code', default: 'relearn-light', tooltip: 'name of the chroma stylesheet file', }, { name: 'CODE-font', group: 'code', default: '"Consolas", menlo, monospace', tooltip: 'text font of code', }, { name: 'CODE-BLOCK-color', group: 'code blocks', default: '#000000', tooltip: 'fallback text color of block code; should be adjusted to your selected chroma style', }, { name: 'CODE-BLOCK-BG-color', group: 'code blocks', default: '#f8f8f8', tooltip: 'fallback background color of block code; should be adjusted to your selected chroma style', },