nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-22 23:37:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

theme: apply Prettier config #947

Browse source
This commit is contained in:
Sören Weber 2024-11-15 23:38:12 +01:00
parent 85d43bcef3
commit 348702d8c2
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
22 changed files with 5976 additions and 6376 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
.grenrc.js
View file

@ -1,51 +1,20 @@
module.exports = { module.exports = {
changelogFilename: "CHANGELOG.md", changelogFilename: 'CHANGELOG.md',
dataSource: "milestones", dataSource: 'milestones',
groupBy: { groupBy: {
"Enhancements": [ 'Enhancements': ['feature'],
"feature", 'Fixes': ['bug'],
], 'Maintenance': ['task'],
"Fixes": [ 'Uncategorised': ['closed'],
"bug"
],
"Maintenance": [
"task",
],
"Uncategorised": [
"closed",
],
}, },
ignoreLabels: [ ignoreLabels: ['asciidoc', 'blocked', 'browser', 'device', 'helpwanted', 'hugo', 'idea', 'mermaid', 'needsfeedback', 'undecided'],
"asciidoc", ignoreIssuesWith: ['discussion', 'documentation', 'duplicate', 'invalid', 'support', 'unresolved', 'update', 'wontchange'],
"blocked", ignoreTagsWith: ['Relearn', 'x'],
"browser", milestoneMatch: '{{tag_name}}',
"device",
"helpwanted",
"hugo",
"idea",
"mermaid",
"needsfeedback",
"undecided",
],
ignoreIssuesWith: [
"discussion",
"documentation",
"duplicate",
"invalid",
"support",
"unresolved",
"update",
"wontchange",
],
ignoreTagsWith: [
"Relearn",
"x",
],
milestoneMatch: "{{tag_name}}",
onlyMilestones: true, onlyMilestones: true,
template: { template: {
changelogTitle: "", changelogTitle: '',
group: "\n### {{heading}}\n", group: '\n### {{heading}}\n',
release: ({ body, date, release }) => `## ${release} (` + date.replace( /(\d+)\/(\d+)\/(\d+)/, '$3-$2-$1' ) + `)\n${body}`, release: ({ body, date, release }) => `## ${release} (` + date.replace(/(\d+)\/(\d+)\/(\d+)/, '$3-$2-$1') + `)\n${body}`,
}, },
}; };

4
.imgbotconfig
View file

@ -1,7 +1,5 @@
{ {
"schedule": "daily", "schedule": "daily",
"ignoredFiles": [ "ignoredFiles": ["static/*"],
"static/*"
],
"prTitle": "autobot: optimize images" "prTitle": "autobot: optimize images"
} }

79
assets/css/format-print.css
View file

@ -16,11 +16,11 @@
#R-body #navigation { #R-body #navigation {
display: none; display: none;
} }
html{ html {
font-size: 8.763pt; font-size: 8.763pt;
} }
body { body {
background-color: rgba( 255, 255, 255, 1 ); background-color: rgba(255, 255, 255, 1);
} }
code.copy-to-clipboard-code { code.copy-to-clipboard-code {
border-start-end-radius: 2px; border-start-end-radius: 2px;
@ -28,13 +28,13 @@ code.copy-to-clipboard-code {
border-inline-end-width: 1px; border-inline-end-width: 1px;
} }
pre:not(.mermaid) { pre:not(.mermaid) {
border: 1px solid rgba( 204, 204, 204, 1 ); border: 1px solid rgba(204, 204, 204, 1);
} }
#R-body #R-topbar{ #R-body #R-topbar {
background-color: rgba( 255, 255, 255, 1 ); /* avoid background bleeding*/ background-color: rgba(255, 255, 255, 1); /* avoid background bleeding*/
border-bottom: 1px solid rgba( 221, 221, 221, 1 ); border-bottom: 1px solid rgba(221, 221, 221, 1);
border-radius: 0; border-radius: 0;
color: rgba( 119, 119, 119, 1 ); color: rgba(119, 119, 119, 1);
padding-left: 0; /* for print, we want to align with the footer to ease the layout */ padding-left: 0; /* for print, we want to align with the footer to ease the layout */
padding-right: 0; padding-right: 0;
} }
@ -56,29 +56,42 @@ pre:not(.mermaid) {
display: none; display: none;
} }
#R-body h1, #R-body h2, #R-body h3, #R-body .article-subheading, #R-body h4, #R-body h5, #R-body h6 { #R-body h1,
#R-body h2,
#R-body h3,
#R-body .article-subheading,
#R-body h4,
#R-body h5,
#R-body h6 {
/* better contrast for colored elements */ /* better contrast for colored elements */
color: rgba( 0, 0, 0, 1 ); color: rgba(0, 0, 0, 1);
} }
#R-body th, #R-body td, #R-body th,
#R-body code, #R-body strong, #R-body b, #R-body td,
#R-body li, #R-body dd, #R-body dt, #R-body code,
#R-body strong,
#R-body b,
#R-body li,
#R-body dd,
#R-body dt,
#R-body p, #R-body p,
#R-body a, #R-body button, #R-body .badge .badge-content { #R-body a,
#R-body button,
#R-body .badge .badge-content {
/* better contrast for colored elements */ /* better contrast for colored elements */
color: rgba( 0, 0, 0, 1 ); color: rgba(0, 0, 0, 1);
} }
#R-body .anchor{ #R-body .anchor {
display: none; display: none;
} }
#R-body pre:not(.mermaid), #R-body pre:not(.mermaid),
#R-body code { #R-body code {
background-color: rgba( 255, 255, 255, 1 ); background-color: rgba(255, 255, 255, 1);
border-color: rgba( 221, 221, 221, 1 ); border-color: rgba(221, 221, 221, 1);
} }
hr{ hr {
border-bottom: 1px solid rgba( 221, 221, 221, 1 ); border-bottom: 1px solid rgba(221, 221, 221, 1);
} }
#R-body #R-body-inner { #R-body #R-body-inner {
overflow: visible; /* turn off limitations for perfect scrollbar */ overflow: visible; /* turn off limitations for perfect scrollbar */
@ -87,9 +100,9 @@ hr{
} }
#R-body #R-body-inner h1 { #R-body #R-body-inner h1 {
border-bottom: 1px solid rgba( 221, 221, 221, 1 ); border-bottom: 1px solid rgba(221, 221, 221, 1);
margin-bottom: 2rem; margin-bottom: 2rem;
padding-bottom: .75rem; padding-bottom: 0.75rem;
} }
#R-body-inner .chapter h3:first-of-type { #R-body-inner .chapter h3:first-of-type {
margin-top: 2rem; margin-top: 2rem;
@ -105,13 +118,13 @@ hr{
.footline { .footline {
/* in print mode show footer line to signal reader the end of document */ /* in print mode show footer line to signal reader the end of document */
border-top: 1px solid rgba( 221, 221, 221, 1 ); border-top: 1px solid rgba(221, 221, 221, 1);
color: rgba( 119, 119, 119, 1 ); color: rgba(119, 119, 119, 1);
margin-top: 1.5rem; margin-top: 1.5rem;
padding-top: .75rem; padding-top: 0.75rem;
} }
h1 + .footline{ h1 + .footline {
/* if we have no content in the page we remove the footer as it is of no real value in print */ /* if we have no content in the page we remove the footer as it is of no real value in print */
display: none; display: none;
} }
@ -128,7 +141,7 @@ h1 + .footline{
put as HTML into markdown */ put as HTML into markdown */
text-decoration-line: underline; text-decoration-line: underline;
} }
#R-topbar{ #R-topbar {
/* the header is sticky which is not suitable for print; */ /* the header is sticky which is not suitable for print; */
position: initial; position: initial;
} }
@ -149,23 +162,23 @@ mark.search {
border-color: transparent; border-color: transparent;
} }
div.box > .box-content { div.box > .box-content {
background-color: rgba( 255, 255, 255, 1 ); background-color: rgba(255, 255, 255, 1);
} }
.btn, .btn,
#R-body .tab-nav-button { #R-body .tab-nav-button {
color: rgba( 0, 0, 0, 1 ); color: rgba(0, 0, 0, 1);
} }
#R-body .tab-nav-button.active { #R-body .tab-nav-button.active {
border-bottom-color: rgba( 255, 255, 255, 1 ); border-bottom-color: rgba(255, 255, 255, 1);
color: rgba( 0, 0, 0, 1 ); color: rgba(0, 0, 0, 1);
} }
#R-body .tab-nav-button.active > .tab-nav-text { #R-body .tab-nav-button.active > .tab-nav-text {
background-color: rgba( 255, 255, 255, 1 ); background-color: rgba(255, 255, 255, 1);
} }
#R-body .tab-content-text { #R-body .tab-content-text {
background-color: rgba( 255, 255, 255, 1 ) ; background-color: rgba(255, 255, 255, 1);
color: rgba( 0, 0, 0, 1 ); color: rgba(0, 0, 0, 1);
} }
article { article {

23
assets/css/swagger.css
View file

@ -4,7 +4,7 @@
/* prettier-ignore */ /* prettier-ignore */
@import '{{ printf "variables.css%s" $assetBusting }}'; @import '{{ printf "variables.css%s" $assetBusting }}';
body{ body {
line-height: 1.574; line-height: 1.574;
font-variation-settings: var(--INTERNAL-MAIN-font-variation-settings); font-variation-settings: var(--INTERNAL-MAIN-font-variation-settings);
font-weight: var(--INTERNAL-MAIN-font-weight); font-weight: var(--INTERNAL-MAIN-font-weight);
@ -16,14 +16,14 @@ body{
body, body,
.swagger-ui .info *, .swagger-ui .info *,
#relearn-swagger-ui .renderedMarkdown *, #relearn-swagger-ui .renderedMarkdown *,
#relearn-swagger-ui p{ #relearn-swagger-ui p {
font-size: 1.015625rem; font-size: 1.015625rem;
} }
.swagger-ui .scheme-container{ .swagger-ui .scheme-container {
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
} }
.swagger-ui .wrapper{ .swagger-ui .wrapper {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
} }
@ -34,7 +34,7 @@ h2 {
font-family: var(--INTERNAL-MAIN-TITLES-H2-font); font-family: var(--INTERNAL-MAIN-TITLES-H2-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H2-letter-spacing); letter-spacing: var(--INTERNAL-MAIN-TITLES-H2-letter-spacing);
} }
svg{ svg {
fill: var(--INTERNAL-MAIN-TEXT-color); fill: var(--INTERNAL-MAIN-TEXT-color);
} }
.swagger-ui .info h2.title { .swagger-ui .info h2.title {
@ -44,12 +44,12 @@ svg{
font-family: var(--INTERNAL-MAIN-TITLES-H2-font); font-family: var(--INTERNAL-MAIN-TITLES-H2-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H2-letter-spacing); letter-spacing: var(--INTERNAL-MAIN-TITLES-H2-letter-spacing);
} }
.relearn-expander{ .relearn-expander {
display: block; display: block;
float: right; float: right;
margin: .5rem; margin: 0.5rem;
} }
#relearn-swagger-ui{ #relearn-swagger-ui {
clear: both; clear: both;
} }
@ -59,7 +59,8 @@ html {
background-color: var(--INTERNAL-MAIN-BG-color) !important; background-color: var(--INTERNAL-MAIN-BG-color) !important;
color-scheme: var(--INTERNAL-BROWSER-theme) !important; color-scheme: var(--INTERNAL-BROWSER-theme) !important;
} }
html, body { html,
body {
background-color: var(--INTERNAL-MAIN-BG-color); background-color: var(--INTERNAL-MAIN-BG-color);
color: var(--INTERNAL-MAIN-TEXT-color); color: var(--INTERNAL-MAIN-TEXT-color);
} }
@ -80,7 +81,7 @@ select:-webkit-autofill {
::-moz-selection { ::-moz-selection {
color: var(--INTERNAL-MAIN-TEXT-color) !important; color: var(--INTERNAL-MAIN-TEXT-color) !important;
} }
*:not(pre, pre *, code, .far, .fa, .glyphicon, [class*="vjs-"], .fab, .fa-github, .fas, .material-icons, .icofont, .typcn, mu, [class*="mu-"], .glyphicon, .icon) { *:not(pre, pre *, code, .far, .fa, .glyphicon, [class*='vjs-'], .fab, .fa-github, .fas, .material-icons, .icofont, .typcn, mu, [class*='mu-'], .glyphicon, .icon) {
font-variation-settings: var(--INTERNAL-MAIN-font-variation-settings); font-variation-settings: var(--INTERNAL-MAIN-font-variation-settings);
font-family: var(--INTERNAL-MAIN-font) !important; font-family: var(--INTERNAL-MAIN-font) !important;
letter-spacing: var(--INTERNAL-MAIN-letter-spacing) !important; letter-spacing: var(--INTERNAL-MAIN-letter-spacing) !important;
@ -222,7 +223,7 @@ select:-webkit-autofill {
.swagger-ui .opblock-title_normal p { .swagger-ui .opblock-title_normal p {
color: var(--INTERNAL-MAIN-TEXT-color); color: var(--INTERNAL-MAIN-TEXT-color);
} }
.swagger-ui .responses-inner h4{ .swagger-ui .responses-inner h4 {
color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color); color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings); font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight); !font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight);

60
assets/css/theme-blue.css
View file

@ -1,41 +1,41 @@
:root { :root {
--MAIN-TEXT-color: rgba( 50, 50, 50, 1 ); /* Color of text by default */ --MAIN-TEXT-color: rgba(50, 50, 50, 1); /* Color of text by default */
--MAIN-TITLES-TEXT-color: rgba( 94, 94, 94, 1 ); /* Color of titles h2-h3-h4-h5-h6 */ --MAIN-TITLES-TEXT-color: rgba(94, 94, 94, 1); /* Color of titles h2-h3-h4-h5-h6 */
--MAIN-TITLES-H1-TEXT-color: rgba( 34, 34, 34, 1 ); /* text color of h1 titles */ --MAIN-TITLES-H1-TEXT-color: rgba(34, 34, 34, 1); /* text color of h1 titles */
--MAIN-LINK-color: rgba( 28, 144, 243, 1 ); /* Color of links */ --MAIN-LINK-color: rgba(28, 144, 243, 1); /* Color of links */
--MAIN-LINK-HOVER-color: rgba( 22, 122, 208, 1 ); /* Color of hovered links */ --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 */ --MAIN-BG-color: rgba(255, 255, 255, 1); /* color of text by default */
--CODE-theme: learn; /* name of the chroma stylesheet 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-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-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 */ --CODE-BLOCK-BORDER-color: rgba(40, 42, 54, 1); /* color of block code border */
--CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* color for inline code text */ --CODE-INLINE-color: rgba(94, 94, 94, 1); /* color for inline code text */
--CODE-INLINE-BG-color: rgba( 255, 250, 233, 1 ); /* color for inline code background */ --CODE-INLINE-BG-color: rgba(255, 250, 233, 1); /* color for inline code background */
--CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* color of inline code border */ --CODE-INLINE-BORDER-color: rgba(248, 232, 200, 1); /* color of inline code border */
--MENU-HOME-LINK-color: rgba( 45, 54, 63, 1 ); /* Color of the home button text */ --MENU-HOME-LINK-color: rgba(45, 54, 63, 1); /* Color of the home button text */
--MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* Color of the hovered home button text */ --MENU-HOME-LINK-HOVER-color: rgba(0, 0, 0, 1); /* Color of the hovered home button text */
--MENU-HEADER-BG-color: rgba( 28, 144, 243, 1 ); /* Background color of menu header */ --MENU-HEADER-BG-color: rgba(28, 144, 243, 1); /* Background color of menu header */
--MENU-HEADER-BORDER-color: rgba( 51, 161, 255, 1 ); /*Color of menu header border */ --MENU-HEADER-BORDER-color: rgba(51, 161, 255, 1); /*Color of menu header border */
--MENU-SEARCH-color: rgba( 255, 255, 255, 1 ); /* Color of search field text */ --MENU-SEARCH-color: rgba(255, 255, 255, 1); /* Color of search field text */
--MENU-SEARCH-BG-color: rgba( 22, 122, 208, 1 ); /* Search field background color (by default borders + icons) */ --MENU-SEARCH-BG-color: rgba(22, 122, 208, 1); /* Search field background color (by default borders + icons) */
--MENU-SEARCH-BORDER-color: rgba( 51, 161, 255, 1 ); /* Override search field border color */ --MENU-SEARCH-BORDER-color: rgba(51, 161, 255, 1); /* Override search field border color */
--MENU-SECTIONS-ACTIVE-BG-color: rgba( 32, 39, 43, 1 ); /* Background color of the active section and its children */ --MENU-SECTIONS-ACTIVE-BG-color: rgba(32, 39, 43, 1); /* Background color of the active section and its children */
--MENU-SECTIONS-BG-color: rgba( 37, 44, 49, 1 ); /* Background color of other sections */ --MENU-SECTIONS-BG-color: rgba(37, 44, 49, 1); /* Background color of other sections */
--MENU-SECTIONS-LINK-color: rgba( 204, 204, 204, 1 ); /* Color of links in menu */ --MENU-SECTIONS-LINK-color: rgba(204, 204, 204, 1); /* Color of links in menu */
--MENU-SECTIONS-LINK-HOVER-color: rgba( 230, 230, 230, 1 ); /* Color of links in menu, when hovered */ --MENU-SECTIONS-LINK-HOVER-color: rgba(230, 230, 230, 1); /* Color of links in menu, when hovered */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 119, 119, 119, 1 ); /* Color of active category text */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(119, 119, 119, 1); /* Color of active category text */
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba( 255, 255, 255, 1 ); /* Color of background for the active category (only) */ --MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba(255, 255, 255, 1); /* Color of background for the active category (only) */
--MENU-VISITED-color: rgba( 28, 144, 243, 1 ); /* Color of 'page visited' icons in menu */ --MENU-VISITED-color: rgba(28, 144, 243, 1); /* Color of 'page visited' icons in menu */
--MENU-SECTION-SEPARATOR-color: rgba( 32, 39, 43, 1 ); /* Color of <hr> separator in menu */ --MENU-SECTION-SEPARATOR-color: rgba(32, 39, 43, 1); /* Color of <hr> separator in menu */
/* base styling for boxes */ /* base styling for boxes */
--BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* color of the title text */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* color of the content background */
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */
} }

60
assets/css/theme-green.css
View file

@ -1,41 +1,41 @@
:root { :root {
--MAIN-TEXT-color: rgba( 50, 50, 50, 1 ); /* Color of text by default */ --MAIN-TEXT-color: rgba(50, 50, 50, 1); /* Color of text by default */
--MAIN-TITLES-TEXT-color: rgba( 94, 94, 94, 1 ); /* Color of titles h2-h3-h4-h5-h6 */ --MAIN-TITLES-TEXT-color: rgba(94, 94, 94, 1); /* Color of titles h2-h3-h4-h5-h6 */
--MAIN-TITLES-H1-TEXT-color: rgba( 34, 34, 34, 1 ); /* text color of h1 titles */ --MAIN-TITLES-H1-TEXT-color: rgba(34, 34, 34, 1); /* text color of h1 titles */
--MAIN-LINK-color: rgba( 89, 154, 62, 1 ); /* Color of links */ --MAIN-LINK-color: rgba(89, 154, 62, 1); /* Color of links */
--MAIN-LINK-HOVER-color: rgba( 63, 109, 44, 1 ); /* Color of hovered links */ --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 */ --MAIN-BG-color: rgba(255, 255, 255, 1); /* color of text by default */
--CODE-theme: learn; /* name of the chroma stylesheet 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-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-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 */ --CODE-BLOCK-BORDER-color: rgba(40, 42, 54, 1); /* color of block code border */
--CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* color for inline code text */ --CODE-INLINE-color: rgba(94, 94, 94, 1); /* color for inline code text */
--CODE-INLINE-BG-color: rgba( 255, 250, 233, 1 ); /* color for inline code background */ --CODE-INLINE-BG-color: rgba(255, 250, 233, 1); /* color for inline code background */
--CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* color of inline code border */ --CODE-INLINE-BORDER-color: rgba(248, 232, 200, 1); /* color of inline code border */
--MENU-HOME-LINK-color: rgba( 46, 59, 46, 1 ); /* Color of the home button text */ --MENU-HOME-LINK-color: rgba(46, 59, 46, 1); /* Color of the home button text */
--MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* Color of the hovered home button text */ --MENU-HOME-LINK-HOVER-color: rgba(0, 0, 0, 1); /* Color of the hovered home button text */
--MENU-HEADER-BG-color: rgba( 116, 181, 89, 1 ); /* Background color of menu header */ --MENU-HEADER-BG-color: rgba(116, 181, 89, 1); /* Background color of menu header */
--MENU-HEADER-BORDER-color: rgba( 156, 212, 132, 1 ); /*Color of menu header border */ --MENU-HEADER-BORDER-color: rgba(156, 212, 132, 1); /*Color of menu header border */
--MENU-SEARCH-color: rgba( 255, 255, 255, 1 ); /* Color of search field text */ --MENU-SEARCH-color: rgba(255, 255, 255, 1); /* Color of search field text */
--MENU-SEARCH-BG-color: rgba( 89, 154, 62, 1 ); /* Search field background color (by default borders + icons) */ --MENU-SEARCH-BG-color: rgba(89, 154, 62, 1); /* Search field background color (by default borders + icons) */
--MENU-SEARCH-BORDER-color: rgba( 132, 199, 103, 1 ); /* Override search field border color */ --MENU-SEARCH-BORDER-color: rgba(132, 199, 103, 1); /* Override search field border color */
--MENU-SECTIONS-ACTIVE-BG-color: rgba( 27, 33, 28, 1 ); /* Background color of the active section and its children */ --MENU-SECTIONS-ACTIVE-BG-color: rgba(27, 33, 28, 1); /* Background color of the active section and its children */
--MENU-SECTIONS-BG-color: rgba( 34, 39, 35, 1 ); /* Background color of other sections */ --MENU-SECTIONS-BG-color: rgba(34, 39, 35, 1); /* Background color of other sections */
--MENU-SECTIONS-LINK-color: rgba( 204, 204, 204, 1 ); /* Color of links in menu */ --MENU-SECTIONS-LINK-color: rgba(204, 204, 204, 1); /* Color of links in menu */
--MENU-SECTIONS-LINK-HOVER-color: rgba( 230, 230, 230, 1 ); /* Color of links in menu, when hovered */ --MENU-SECTIONS-LINK-HOVER-color: rgba(230, 230, 230, 1); /* Color of links in menu, when hovered */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 119, 119, 119, 1 ); /* Color of active category text */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(119, 119, 119, 1); /* Color of active category text */
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba( 255, 255, 255, 1 ); /* Color of background for the active category (only) */ --MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba(255, 255, 255, 1); /* Color of background for the active category (only) */
--MENU-VISITED-color: rgba( 89, 154, 62, 1 ); /* Color of 'page visited' icons in menu */ --MENU-VISITED-color: rgba(89, 154, 62, 1); /* Color of 'page visited' icons in menu */
--MENU-SECTION-SEPARATOR-color: rgba( 24, 33, 28, 1 ); /* Color of <hr> separator in menu */ --MENU-SECTION-SEPARATOR-color: rgba(24, 33, 28, 1); /* Color of <hr> separator in menu */
/* base styling for boxes */ /* base styling for boxes */
--BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* color of the title text */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* color of the content background */
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */
} }

60
assets/css/theme-learn.css
View file

@ -1,43 +1,43 @@
:root { :root {
--MAIN-TEXT-color: rgba( 50, 50, 50, 1 ); /* Color of text by default */ --MAIN-TEXT-color: rgba(50, 50, 50, 1); /* Color of text by default */
--MAIN-TITLES-TEXT-color: rgba( 94, 94, 94, 1 ); /* Color of titles h2-h3-h4-h5-h6 */ --MAIN-TITLES-TEXT-color: rgba(94, 94, 94, 1); /* Color of titles h2-h3-h4-h5-h6 */
--MAIN-TITLES-H1-TEXT-color: rgba( 34, 34, 34, 1 ); /* text color of h1 titles */ --MAIN-TITLES-H1-TEXT-color: rgba(34, 34, 34, 1); /* text color of h1 titles */
--MAIN-LINK-color: rgba( 0, 189, 243, 1 ); /* Color of links */ --MAIN-LINK-color: rgba(0, 189, 243, 1); /* Color of links */
--MAIN-LINK-HOVER-color: rgba( 0, 130, 167, 1 ); /* Color of hovered links */ --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 */ --MAIN-BG-color: rgba(255, 255, 255, 1); /* color of text by default */
--CODE-theme: learn; /* name of the chroma stylesheet 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-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-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 */ --CODE-BLOCK-BORDER-color: rgba(40, 42, 54, 1); /* color of block code border */
--CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* color for inline code text */ --CODE-INLINE-color: rgba(94, 94, 94, 1); /* color for inline code text */
--CODE-INLINE-BG-color: rgba( 255, 247, 221, 1 ); /* color for inline code background */ --CODE-INLINE-BG-color: rgba(255, 247, 221, 1); /* color for inline code background */
--CODE-INLINE-BORDER-color: rgba( 251, 240, 203, 1 ); /* color of inline code border */ --CODE-INLINE-BORDER-color: rgba(251, 240, 203, 1); /* color of inline code border */
--MENU-HOME-LINK-color: rgba( 224, 224, 224, 1 ); /* Color of the home button text */ --MENU-HOME-LINK-color: rgba(224, 224, 224, 1); /* Color of the home button text */
--MENU-HOME-LINK-HOVER-color: rgba( 240, 240, 240, 1 ); /* Color of the hovered home button text */ --MENU-HOME-LINK-HOVER-color: rgba(240, 240, 240, 1); /* Color of the hovered home button text */
--MENU-HEADER-BG-color: rgba( 132, 81, 161, 1 ); /* Background color of menu header */ --MENU-HEADER-BG-color: rgba(132, 81, 161, 1); /* Background color of menu header */
--MENU-HEADER-BORDER-color: rgba( 156, 111, 182, 1 ); /*Color of menu header border */ --MENU-HEADER-BORDER-color: rgba(156, 111, 182, 1); /*Color of menu header border */
--MENU-SEARCH-color: rgba( 255, 255, 255, 1 ); /* Color of search field text */ --MENU-SEARCH-color: rgba(255, 255, 255, 1); /* Color of search field text */
--MENU-SEARCH-BG-color: rgba( 118, 72, 144, 1 ); /* Search field background color (by default borders + icons) */ --MENU-SEARCH-BG-color: rgba(118, 72, 144, 1); /* Search field background color (by default borders + icons) */
--MENU-SEARCH-BORDER-color: rgba( 145, 94, 174, 1 ); /* Override search field border color */ --MENU-SEARCH-BORDER-color: rgba(145, 94, 174, 1); /* Override search field border color */
--MENU-SECTIONS-ACTIVE-BG-color: rgba( 37, 31, 41, 1 ); /* Background color of the active section and its children */ --MENU-SECTIONS-ACTIVE-BG-color: rgba(37, 31, 41, 1); /* Background color of the active section and its children */
--MENU-SECTIONS-BG-color: rgba( 50, 42, 56, 1 ); /* Background color of other sections */ --MENU-SECTIONS-BG-color: rgba(50, 42, 56, 1); /* Background color of other sections */
--MENU-SECTIONS-LINK-color: rgba( 204, 204, 204, 1 ); /* Color of links in menu */ --MENU-SECTIONS-LINK-color: rgba(204, 204, 204, 1); /* Color of links in menu */
--MENU-SECTIONS-LINK-HOVER-color: rgba( 230, 230, 230, 1 ); /* Color of links in menu, when hovered */ --MENU-SECTIONS-LINK-HOVER-color: rgba(230, 230, 230, 1); /* Color of links in menu, when hovered */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 119, 119, 119, 1 ); /* Color of active category text */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(119, 119, 119, 1); /* Color of active category text */
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba( 255, 255, 255, 1 ); /* Color of background for the active category (only) */ --MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba(255, 255, 255, 1); /* Color of background for the active category (only) */
--MENU-VISITED-color: rgba( 0, 189, 243, 1 ); /* Color of 'page visited' icons in menu */ --MENU-VISITED-color: rgba(0, 189, 243, 1); /* Color of 'page visited' icons in menu */
--MENU-SECTION-SEPARATOR-color: rgba( 42, 35, 47, 1 ); /* Color of <hr> separator in menu */ --MENU-SECTION-SEPARATOR-color: rgba(42, 35, 47, 1); /* Color of <hr> separator in menu */
/* base styling for boxes */ /* base styling for boxes */
--BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* color of the title text */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* color of the content background */
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */
} }
body a#R-logo, body a#R-logo,

205
assets/css/theme-neon.css
View file

@ -1,67 +1,67 @@
:root { :root {
--PRIMARY-color: rgba( 243, 0, 178, 1 ); /* brand primary color */ --PRIMARY-color: rgba(243, 0, 178, 1); /* brand primary color */
--SECONDARY-color: rgb( 50, 189, 243, 1 ); /* brand secondary color */ --SECONDARY-color: rgb(50, 189, 243, 1); /* brand secondary color */
--ACCENT-color: rgba( 255, 255, 0, 1 ); /* brand accent color, used for search highlights */ --ACCENT-color: rgba(255, 255, 0, 1); /* brand accent color, used for search highlights */
--MAIN-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of content and h1 titles */ --MAIN-TEXT-color: rgba(224, 224, 224, 1); /* text color of content and h1 titles */
--MAIN-LINK-HOVER-color: rgb( 80, 215, 255, 1 ); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgb(80, 215, 255, 1); /* hovered link color of content */
--MAIN-BG-color: rgba( 16, 16, 16, 1 ); /* background color of content */ --MAIN-BG-color: rgba(16, 16, 16, 1); /* background color of content */
/* optional overwrites for specific headers */ /* optional overwrites for specific headers */
--MAIN-TITLES-TEXT-color: rgba( 243, 0, 178, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba(243, 0, 178, 1); /* text color of h2-h6 titles and transparent box titles */
--MAIN-TITLES-H3-TEXT-color: rgba( 255, 255, 0, 1 ); /* text color of h3-h6 titles */ --MAIN-TITLES-H3-TEXT-color: rgba(255, 255, 0, 1); /* text color of h3-h6 titles */
--MAIN-TITLES-H4-TEXT-color: rgba( 154, 111, 255, 1 ); /* text color of h4-h6 titles */ --MAIN-TITLES-H4-TEXT-color: rgba(154, 111, 255, 1); /* text color of h4-h6 titles */
--CODE-theme: neon; /* name of the chroma stylesheet 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-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-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 */ --CODE-INLINE-color: rgba(130, 229, 80, 1); /* text color of inline code */
--CODE-INLINE-BG-color: rgba( 40, 42, 54, 1 ); /* background color of inline code */ --CODE-INLINE-BG-color: rgba(40, 42, 54, 1); /* background color of inline code */
--CODE-INLINE-BORDER-color: rgba( 70, 70, 70, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba(70, 70, 70, 1); /* border color of inline code */
--BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */ --MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */ --OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: tomorrow-night; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */ --OPENAPI-CODE-theme: tomorrow-night; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-HEADER-BG-color: rgba( 0, 0, 0, 0 ); /* background color of menu header */ --MENU-HEADER-BG-color: rgba(0, 0, 0, 0); /* background color of menu header */
--MENU-HOME-LINK-color: rgba( 255, 255, 255, 1 ); /* home button color if configured */ --MENU-HOME-LINK-color: rgba(255, 255, 255, 1); /* home button color if configured */
--MENU-HOME-LINK-HOVER-color: rgba( 208, 208, 208, 1 ); /* hovered home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba(208, 208, 208, 1); /* hovered home button color if configured */
--MENU-SEARCH-color: rgba( 248, 248, 248, 1 ); /* text and icon color of search box */ --MENU-SEARCH-color: rgba(248, 248, 248, 1); /* text and icon color of search box */
--MENU-SEARCH-BG-color: rgba( 16, 16, 16, .6 ); /* background color of search box */ --MENU-SEARCH-BG-color: rgba(16, 16, 16, 0.6); /* background color of search box */
--MENU-SEARCH-BORDER-color: rgba( 232, 232, 232, 1 ); /* border color of search box */ --MENU-SEARCH-BORDER-color: rgba(232, 232, 232, 1); /* border color of search box */
--MENU-SECTIONS-BG-color: linear-gradient( 165deg, rgba( 243, 0, 178, .825 ) 0%, rgba( 28, 144, 243, .7 ) 65%, rgba( 0, 227, 211, .7 ) 100% ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: linear-gradient(165deg, rgba(243, 0, 178, 0.825) 0%, rgba(28, 144, 243, 0.7) 65%, rgba(0, 227, 211, 0.7) 100%); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
--MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* background color of the active menu section */ --MENU-SECTIONS-ACTIVE-BG-color: rgba(0, 0, 0, 0.166); /* background color of the active menu section */
--MENU-SECTIONS-LINK-color: rgba( 255, 255, 255, 1 ); /* link color of menu topics */ --MENU-SECTIONS-LINK-color: rgba(255, 255, 255, 1); /* link color of menu topics */
--MENU-SECTIONS-LINK-HOVER-color: rgba( 208, 208, 208, 1 ); /* hovered link color of menu topics */ --MENU-SECTIONS-LINK-HOVER-color: rgba(208, 208, 208, 1); /* hovered link color of menu topics */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 86, 255, 232, 1 ); /* text color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(86, 255, 232, 1); /* text color of the displayed menu topic */
--MENU-SECTION-SEPARATOR-color: rgba( 186, 186, 186, 1 ); /* separator color between menu sections and menu footer */ --MENU-SECTION-SEPARATOR-color: rgba(186, 186, 186, 1); /* separator color between menu sections and menu footer */
--MENU-VISITED-color: rgba( 51, 161, 255, 1 ); /* icon color of visited menu topics if configured */ --MENU-VISITED-color: rgba(51, 161, 255, 1); /* icon color of visited menu topics if configured */
/* base styling for boxes */ /* base styling for boxes */
--BOX-CAPTION-color: rgba( 240, 240, 240, 1 ); /* text color of colored box titles */ --BOX-CAPTION-color: rgba(240, 240, 240, 1); /* text color of colored box titles */
--BOX-BG-color: rgba( 8, 8, 8, 1 ); /* background color of colored boxes */ --BOX-BG-color: rgba(8, 8, 8, 1); /* background color of colored boxes */
--BOX-TEXT-color: initial; /* text color of colored box content */ --BOX-TEXT-color: initial; /* text color of colored box content */
/* optional base colors for colored boxes as in badges, buttons, notice, etc. shortcode */ /* optional base colors for colored boxes as in badges, buttons, notice, etc. shortcode */
--BOX-BLUE-color: rgba( 48, 117, 229, 1 ); /* background color of blue boxes */ --BOX-BLUE-color: rgba(48, 117, 229, 1); /* background color of blue boxes */
--BOX-BLUE-TEXT-color: var( --BOX-BLUE-color ); /* text color of blue boxes */ --BOX-BLUE-TEXT-color: var(--BOX-BLUE-color); /* text color of blue boxes */
--BOX-CYAN-color: rgba( 30, 190, 190, 1 ); /* background color of cyan boxes */ --BOX-CYAN-color: rgba(30, 190, 190, 1); /* background color of cyan boxes */
--BOX-CYAN-TEXT-color: var( --BOX-CYAN-color ); /* text color of cyan boxes */ --BOX-CYAN-TEXT-color: var(--BOX-CYAN-color); /* text color of cyan boxes */
--BOX-GREEN-color: rgba( 42, 178, 24, 1 ); /* background color of green boxes */ --BOX-GREEN-color: rgba(42, 178, 24, 1); /* background color of green boxes */
--BOX-GREEN-TEXT-color: var( --BOX-GREEN-color ); /* text color of green boxes */ --BOX-GREEN-TEXT-color: var(--BOX-GREEN-color); /* text color of green boxes */
--BOX-GREY-color: rgba( 128, 128, 128, 1 ); /* background color of grey boxes */ --BOX-GREY-color: rgba(128, 128, 128, 1); /* background color of grey boxes */
--BOX-GREY-TEXT-color: var( --BOX-GREY-color ); /* text color of grey boxes */ --BOX-GREY-TEXT-color: var(--BOX-GREY-color); /* text color of grey boxes */
--BOX-MAGENTA-color: rgba( 237, 33, 220, 1 ); /* background color of magenta boxes */ --BOX-MAGENTA-color: rgba(237, 33, 220, 1); /* background color of magenta boxes */
--BOX-MAGENTA-TEXT-color: var( --BOX-MAGENTA-color ); /* text color of magenta boxes */ --BOX-MAGENTA-TEXT-color: var(--BOX-MAGENTA-color); /* text color of magenta boxes */
--BOX-ORANGE-color: rgba( 237, 153, 9, 1 ); /* background color of orange boxes */ --BOX-ORANGE-color: rgba(237, 153, 9, 1); /* background color of orange boxes */
--BOX-ORANGE-TEXT-color: var( --BOX-ORANGE-color ); /* text color of orange boxes */ --BOX-ORANGE-TEXT-color: var(--BOX-ORANGE-color); /* text color of orange boxes */
--BOX-RED-color: rgba( 224, 62, 62, 1 ); /* background color of red boxes */ --BOX-RED-color: rgba(224, 62, 62, 1); /* background color of red boxes */
--BOX-RED-TEXT-color: var( --BOX-RED-color ); /* text color of red boxes */ --BOX-RED-TEXT-color: var(--BOX-RED-color); /* text color of red boxes */
} }
body a#R-logo, body a#R-logo,
@ -72,77 +72,78 @@ body #R-logo svg * {
fill: var(--INTERNAL-MENU-SEARCH-BORDER-color) !important; fill: var(--INTERNAL-MENU-SEARCH-BORDER-color) !important;
} }
body a#R-logo{ body a#R-logo {
text-shadow: text-shadow:
0 0 1px var(--INTERNAL-MENU-SEARCH-BORDER-color), 0 0 1px var(--INTERNAL-MENU-SEARCH-BORDER-color),
0 0 2px var(--INTERNAL-MENU-SEARCH-BORDER-color), 0 0 2px var(--INTERNAL-MENU-SEARCH-BORDER-color),
0 0 4px var(--INTERNAL-MENU-SEARCH-BORDER-color), 0 0 4px var(--INTERNAL-MENU-SEARCH-BORDER-color),
0 0 8px rgba( 128, 128, 128, 1 ), 0 0 8px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color), 0 0 4px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color),
0 0 8px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color); 0 0 8px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
} }
body h1 { body h1 {
color: rgba( 255, 255, 255, 1 ); color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 4px rgba( 255, 255, 255, 1 ), 0 0 4px rgba(255, 255, 255, 1),
0 0 8px rgba( 255, 255, 255, 1 ), 0 0 8px rgba(255, 255, 255, 1),
0 0 3px var(--INTERNAL-MAIN-TITLES-H1-TEXT-color), 0 0 3px var(--INTERNAL-MAIN-TITLES-H1-TEXT-color),
0 0 6px var(--INTERNAL-MAIN-TITLES-H1-TEXT-color), 0 0 6px var(--INTERNAL-MAIN-TITLES-H1-TEXT-color),
0 0 8px var(--INTERNAL-MAIN-TITLES-H1-TEXT-color); 0 0 8px var(--INTERNAL-MAIN-TITLES-H1-TEXT-color);
} }
body h2 { body h2 {
color: rgba( 255, 255, 255, 1 ); color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba( 128, 128, 128, 1 ), 0 0 8px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MAIN-TITLES-H2-TEXT-color), 0 0 4px var(--INTERNAL-MAIN-TITLES-H2-TEXT-color),
0 0 8px var(--INTERNAL-MAIN-TITLES-H2-TEXT-color), 0 0 8px var(--INTERNAL-MAIN-TITLES-H2-TEXT-color),
0 0 10px var(--INTERNAL-MAIN-TITLES-H2-TEXT-color); 0 0 10px var(--INTERNAL-MAIN-TITLES-H2-TEXT-color);
} }
body h3, body .article-subheading { body h3,
color: rgba( 255, 255, 255, 1 ); body .article-subheading {
color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba( 128, 128, 128, 1 ), 0 0 8px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MAIN-TITLES-H3-TEXT-color), 0 0 4px var(--INTERNAL-MAIN-TITLES-H3-TEXT-color),
0 0 8px var(--INTERNAL-MAIN-TITLES-H3-TEXT-color), 0 0 8px var(--INTERNAL-MAIN-TITLES-H3-TEXT-color),
0 0 10px var(--INTERNAL-MAIN-TITLES-H3-TEXT-color); 0 0 10px var(--INTERNAL-MAIN-TITLES-H3-TEXT-color);
} }
body h4 { body h4 {
color: rgba( 255, 255, 255, 1 ); color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba( 128, 128, 128, 1 ), 0 0 8px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MAIN-TITLES-H4-TEXT-color), 0 0 4px var(--INTERNAL-MAIN-TITLES-H4-TEXT-color),
0 0 8px var(--INTERNAL-MAIN-TITLES-H4-TEXT-color), 0 0 8px var(--INTERNAL-MAIN-TITLES-H4-TEXT-color),
0 0 10px var(--INTERNAL-MAIN-TITLES-H4-TEXT-color); 0 0 10px var(--INTERNAL-MAIN-TITLES-H4-TEXT-color);
} }
body h5 { body h5 {
color: rgba( 255, 255, 255, 1 ); color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 3px rgba( 255, 255, 255, 1 ), 0 0 3px rgba(255, 255, 255, 1),
0 0 6px rgba( 128, 128, 128, 1 ), 0 0 6px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MAIN-TITLES-H5-TEXT-color), 0 0 4px var(--INTERNAL-MAIN-TITLES-H5-TEXT-color),
0 0 8px var(--INTERNAL-MAIN-TITLES-H5-TEXT-color); 0 0 8px var(--INTERNAL-MAIN-TITLES-H5-TEXT-color);
} }
body h6 { body h6 {
color: rgba( 255, 255, 255, 1 ); color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 4px rgba( 128, 128, 128, 1 ), 0 0 4px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MAIN-TITLES-H6-TEXT-color), 0 0 4px var(--INTERNAL-MAIN-TITLES-H6-TEXT-color),
0 0 8px var(--INTERNAL-MAIN-TITLES-H6-TEXT-color); 0 0 8px var(--INTERNAL-MAIN-TITLES-H6-TEXT-color);
} }
@ -152,16 +153,16 @@ body h6 {
.swagger-ui h3, .swagger-ui h3,
.swagger-ui h4, .swagger-ui h4,
.swagger-ui h5, .swagger-ui h5,
.swagger-ui h6{ .swagger-ui h6 {
color: rgba( 255, 255, 255, 1 ) !important; color: rgba(255, 255, 255, 1) !important;
} }
body #R-sidebar .searchbox button:hover{ body #R-sidebar .searchbox button:hover {
color: rgba( 255, 255, 255, 1 ); color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba( 128, 128, 128, 1 ), 0 0 8px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MENU-SEARCH-color), 0 0 4px var(--INTERNAL-MENU-SEARCH-color),
0 0 8px var(--INTERNAL-MENU-SEARCH-color); 0 0 8px var(--INTERNAL-MENU-SEARCH-color);
} }
@ -171,32 +172,32 @@ body #R-sidebar .collapsible-menu li:not(.active) > label:hover,
body #R-sidebar .menu-control:hover, body #R-sidebar .menu-control:hover,
body #R-sidebar a:hover, body #R-sidebar a:hover,
body #R-prefooter button:hover { body #R-prefooter button:hover {
color: rgba( 255, 255, 255, 1 ); color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba( 128, 128, 128, 1 ), 0 0 8px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color), 0 0 4px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color),
0 0 8px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color); 0 0 8px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
} }
body #R-sidebar li.active > label, body #R-sidebar li.active > label,
body #R-sidebar li.active > :is( a, span ) { body #R-sidebar li.active > :is(a, span) {
color: rgba( 255, 255, 255, 1 ); color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba( 128, 128, 128, 1 ), 0 0 8px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color), 0 0 4px var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color),
0 0 8px var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color); 0 0 8px var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color);
} }
body #R-homelinks.homelinks a:hover { body #R-homelinks.homelinks a:hover {
color: rgba( 255, 255, 255, 1 ); color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba( 128, 128, 128, 1 ), 0 0 8px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MENU-HOME-LINK-HOVER-color), 0 0 4px var(--INTERNAL-MENU-HOME-LINK-HOVER-color),
0 0 8px var(--INTERNAL-MENU-HOME-LINK-HOVER-color); 0 0 8px var(--INTERNAL-MENU-HOME-LINK-HOVER-color);
} }
@ -215,9 +216,9 @@ body .badge,
body .btn, body .btn,
body div.box { body div.box {
box-shadow: box-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 4px rgba( 128, 128, 128, 1 ), 0 0 4px rgba(128, 128, 128, 1),
0 0 4px var(--VARIABLE-BOX-color); 0 0 4px var(--VARIABLE-BOX-color);
} }
@ -226,9 +227,9 @@ body .btn,
body .btn > *, body .btn > *,
body div.box > .box-label { body div.box > .box-label {
text-shadow: text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ), 0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba( 255, 255, 255, 1 ), 0 0 2px rgba(255, 255, 255, 1),
0 0 4px rgba( 128, 128, 128, 1 ), 0 0 4px rgba(128, 128, 128, 1),
0 0 4px var(--VARIABLE-BOX-CAPTION-color); 0 0 4px var(--VARIABLE-BOX-CAPTION-color);
} }
@ -262,7 +263,8 @@ body .box.cstyle.transparent {
@media print { @media print {
#R-body h1, #R-body h1,
#R-body h2, #R-body h2,
#R-body h3, #R-body .article-subheading, #R-body h3,
#R-body .article-subheading,
#R-body h4, #R-body h4,
#R-body h5, #R-body h5,
#R-body h6 { #R-body h6 {
@ -287,7 +289,8 @@ body .box.cstyle.transparent {
above will not apply, so we have to repeat it here */ above will not apply, so we have to repeat it here */
.print #R-body h1, .print #R-body h1,
.print #R-body h2, .print #R-body h2,
.print #R-body h3, .print #R-body .article-subheading, .print #R-body h3,
.print #R-body .article-subheading,
.print #R-body h4, .print #R-body h4,
.print #R-body h5, .print #R-body h5,
.print #R-body h6 { .print #R-body h6 {
@ -308,6 +311,6 @@ above will not apply, so we have to repeat it here */
} }
#R-content-wrapper { #R-content-wrapper {
--ps-thumb-color: rgba( 208, 208, 208, 1 ); --ps-thumb-color: rgba(208, 208, 208, 1);
--ps-thumb-hover-color: rgba( 204, 204, 204, 1 ); --ps-thumb-hover-color: rgba(204, 204, 204, 1);
} }

60
assets/css/theme-red.css
View file

@ -1,41 +1,41 @@
:root { :root {
--MAIN-TEXT-color: rgba( 50, 50, 50, 1 ); /* Color of text by default */ --MAIN-TEXT-color: rgba(50, 50, 50, 1); /* Color of text by default */
--MAIN-TITLES-TEXT-color: rgba( 94, 94, 94, 1 ); /* Color of titles h2-h3-h4-h5-h6 */ --MAIN-TITLES-TEXT-color: rgba(94, 94, 94, 1); /* Color of titles h2-h3-h4-h5-h6 */
--MAIN-TITLES-H1-TEXT-color: rgba( 34, 34, 34, 1 ); /* text color of h1 titles */ --MAIN-TITLES-H1-TEXT-color: rgba(34, 34, 34, 1); /* text color of h1 titles */
--MAIN-LINK-color: rgba( 243, 28, 28, 1 ); /* Color of links */ --MAIN-LINK-color: rgba(243, 28, 28, 1); /* Color of links */
--MAIN-LINK-HOVER-color: rgba( 208, 22, 22, 1 ); /* Color of hovered links */ --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 */ --MAIN-BG-color: rgba(255, 255, 255, 1); /* color of text by default */
--CODE-theme: learn; /* name of the chroma stylesheet 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-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-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 */ --CODE-BLOCK-BORDER-color: rgba(40, 42, 54, 1); /* color of block code border */
--CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* color for inline code text */ --CODE-INLINE-color: rgba(94, 94, 94, 1); /* color for inline code text */
--CODE-INLINE-BG-color: rgba( 255, 250, 233, 1 ); /* color for inline code background */ --CODE-INLINE-BG-color: rgba(255, 250, 233, 1); /* color for inline code background */
--CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* color of inline code border */ --CODE-INLINE-BORDER-color: rgba(248, 232, 200, 1); /* color of inline code border */
--MENU-HOME-LINK-color: rgba( 56, 43, 43, 1 ); /* Color of the home button text */ --MENU-HOME-LINK-color: rgba(56, 43, 43, 1); /* Color of the home button text */
--MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* Color of the hovered home button text */ --MENU-HOME-LINK-HOVER-color: rgba(0, 0, 0, 1); /* Color of the hovered home button text */
--MENU-HEADER-BG-color: rgba( 220, 16, 16, 1 ); /* Background color of menu header */ --MENU-HEADER-BG-color: rgba(220, 16, 16, 1); /* Background color of menu header */
--MENU-HEADER-BORDER-color: rgba( 226, 49, 49, 1 ); /*Color of menu header border */ --MENU-HEADER-BORDER-color: rgba(226, 49, 49, 1); /*Color of menu header border */
--MENU-SEARCH-color: rgba( 255, 255, 255, 1 ); /* Color of search field text */ --MENU-SEARCH-color: rgba(255, 255, 255, 1); /* Color of search field text */
--MENU-SEARCH-BG-color: rgba( 185, 0, 0, 1 ); /* Search field background color (by default borders + icons) */ --MENU-SEARCH-BG-color: rgba(185, 0, 0, 1); /* Search field background color (by default borders + icons) */
--MENU-SEARCH-BORDER-color: rgba( 239, 32, 32, 1 ); /* Override search field border color */ --MENU-SEARCH-BORDER-color: rgba(239, 32, 32, 1); /* Override search field border color */
--MENU-SECTIONS-ACTIVE-BG-color: rgba( 43, 32, 32, 1 ); /* Background color of the active section and its children */ --MENU-SECTIONS-ACTIVE-BG-color: rgba(43, 32, 32, 1); /* Background color of the active section and its children */
--MENU-SECTIONS-BG-color: rgba( 49, 37, 37, 1 ); /* Background color of other sections */ --MENU-SECTIONS-BG-color: rgba(49, 37, 37, 1); /* Background color of other sections */
--MENU-SECTIONS-LINK-color: rgba( 204, 204, 204, 1 ); /* Color of links in menu */ --MENU-SECTIONS-LINK-color: rgba(204, 204, 204, 1); /* Color of links in menu */
--MENU-SECTIONS-LINK-HOVER-color: rgba( 230, 230, 230, 1 ); /* Color of links in menu, when hovered */ --MENU-SECTIONS-LINK-HOVER-color: rgba(230, 230, 230, 1); /* Color of links in menu, when hovered */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 119, 119, 119, 1 ); /* Color of active category text */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(119, 119, 119, 1); /* Color of active category text */
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba( 255, 255, 255, 1 ); /* Color of background for the active category (only) */ --MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba(255, 255, 255, 1); /* Color of background for the active category (only) */
--MENU-VISITED-color: rgba( 243, 28, 28, 1 ); /* Color of 'page visited' icons in menu */ --MENU-VISITED-color: rgba(243, 28, 28, 1); /* Color of 'page visited' icons in menu */
--MENU-SECTION-SEPARATOR-color: rgba( 43, 32, 32, 1 ); /* Color of <hr> separator in menu */ --MENU-SECTION-SEPARATOR-color: rgba(43, 32, 32, 1); /* Color of <hr> separator in menu */
/* base styling for boxes */ /* base styling for boxes */
--BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* color of the title text */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* color of the content background */
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */
} }

54
assets/css/theme-relearn-bright.css
View file

@ -1,46 +1,46 @@
:root { :root {
--PRIMARY-color: rgba( 131, 201, 50, 1 ); /* brand primary color */ --PRIMARY-color: rgba(131, 201, 50, 1); /* brand primary color */
--SECONDARY-color: rgba( 99, 128, 208, 1 ); /* brand secondary color */ --SECONDARY-color: rgba(99, 128, 208, 1); /* brand secondary color */
--ACCENT-color: rgb( 255, 102, 78, 1 ); /* brand accent color, used for search highlights */ --ACCENT-color: rgb(255, 102, 78, 1); /* brand accent color, used for search highlights */
--MAIN-TEXT-color: rgba( 0, 0, 0, 1 ); /* text color of content and h1 titles */ --MAIN-TEXT-color: rgba(0, 0, 0, 1); /* text color of content and h1 titles */
--MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgba(32, 40, 145, 1); /* hovered link color of content */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --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 */ --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 stylesheet 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-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-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 */ --CODE-BLOCK-BORDER-color: rgba(216, 216, 216, 1); /* border color of block code */
--CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* text color of inline code */ --CODE-INLINE-color: rgba(94, 94, 94, 1); /* text color of inline code */
--CODE-INLINE-BG-color: rgba( 255, 250, 233, 1 ); /* background color of inline code */ --CODE-INLINE-BG-color: rgba(255, 250, 233, 1); /* background color of inline code */
--CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba(248, 232, 200, 1); /* border color of inline code */
--BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */ --MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */ --OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */ --OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-HEADER-BG-color: rgba( 0, 0, 0, 0 ); /* background color of menu header */ --MENU-HEADER-BG-color: rgba(0, 0, 0, 0); /* background color of menu header */
--MENU-HEADER-SEPARATOR-color: rgba( 96, 96, 96, 1 ); /* separator color between menu header and menu */ --MENU-HEADER-SEPARATOR-color: rgba(96, 96, 96, 1); /* separator color between menu header and menu */
--MENU-HOME-LINK-color: rgba( 64, 64, 64, 1 ); /* home button color if configured */ --MENU-HOME-LINK-color: rgba(64, 64, 64, 1); /* home button color if configured */
--MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* hovered home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba(0, 0, 0, 1); /* hovered home button color if configured */
--MENU-SEARCH-color: rgba( 64, 64, 64, 1 ); /* text and icon color of search box */ --MENU-SEARCH-color: rgba(64, 64, 64, 1); /* text and icon color of search box */
--MENU-SEARCH-BG-color: rgba( 255, 255, 255, .2 ); /* background color of search box */ --MENU-SEARCH-BG-color: rgba(255, 255, 255, 0.2); /* background color of search box */
--MENU-SEARCH-BORDER-color: transparent; /* border color of search box */ --MENU-SEARCH-BORDER-color: transparent; /* border color of search box */
--MENU-SECTIONS-BG-color: rgba( 131, 201, 50, 1 ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: rgba(131, 201, 50, 1); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
--MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */ --MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */
--MENU-SECTIONS-LINK-color: rgba( 50, 50, 50, 1 ); /* link color of menu topics */ --MENU-SECTIONS-LINK-color: rgba(50, 50, 50, 1); /* link color of menu topics */
--MENU-SECTIONS-LINK-HOVER-color: rgba( 255, 255, 255, 1 ); /* hovered link color of menu topics */ --MENU-SECTIONS-LINK-HOVER-color: rgba(255, 255, 255, 1); /* hovered link color of menu topics */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 50, 50, 50, 1 ); /* text color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(50, 50, 50, 1); /* text color of the displayed menu topic */
--MENU-SECTION-SEPARATOR-color: rgba( 96, 96, 96, 1 ); /* separator color between menu sections and menu footer */ --MENU-SECTION-SEPARATOR-color: rgba(96, 96, 96, 1); /* separator color between menu sections and menu footer */
--BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* text color of colored box titles */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* background color of colored boxes */
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* text color of colored box content */
} }
body a#R-logo, body a#R-logo,

56
assets/css/theme-relearn-dark.css
View file

@ -1,43 +1,43 @@
:root { :root {
--PRIMARY-color: rgba( 125, 201, 3, 1 ); /* brand primary color */ --PRIMARY-color: rgba(125, 201, 3, 1); /* brand primary color */
--SECONDARY-color: rgba( 108, 140, 227, 1 ); /* brand secondary color */ --SECONDARY-color: rgba(108, 140, 227, 1); /* brand secondary color */
--ACCENT-color: rgb( 255, 102, 78, 1 ); /* brand accent color, used for search highlights */ --ACCENT-color: rgb(255, 102, 78, 1); /* brand accent color, used for search highlights */
--MAIN-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of content and h1 titles */ --MAIN-TEXT-color: rgba(224, 224, 224, 1); /* text color of content and h1 titles */
--MAIN-LINK-HOVER-color: rgba( 147, 176, 255, 1 ); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgba(147, 176, 255, 1); /* hovered link color of content */
--MAIN-BG-color: rgba( 32, 32, 32, 1 ); /* background color of content */ --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 */ --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 stylesheet 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-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-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 */ --CODE-BLOCK-BORDER-color: rgba(71, 71, 71, 1); /* border color of block code */
--CODE-INLINE-color: rgba( 130, 229, 80, 1 ); /* text color of inline code */ --CODE-INLINE-color: rgba(130, 229, 80, 1); /* text color of inline code */
--CODE-INLINE-BG-color: rgba( 45, 45, 45, 1 ); /* background color of inline code */ --CODE-INLINE-BG-color: rgba(45, 45, 45, 1); /* background color of inline code */
--CODE-INLINE-BORDER-color: rgba( 70, 70, 70, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba(70, 70, 70, 1); /* border color of inline code */
--BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */ --MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */ --OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: obsidian; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */ --OPENAPI-CODE-theme: obsidian; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-HOME-LINK-color: rgba( 64, 64, 64, 1 ); /* home button color if configured */ --MENU-HOME-LINK-color: rgba(64, 64, 64, 1); /* home button color if configured */
--MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* hovered home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba(0, 0, 0, 1); /* hovered home button color if configured */
--MENU-SEARCH-color: rgba( 224, 224, 224, 1 ); /* text and icon color of search box */ --MENU-SEARCH-color: rgba(224, 224, 224, 1); /* text and icon color of search box */
--MENU-SEARCH-BG-color: rgba( 50, 50, 50, 1 ); /* background color of search box */ --MENU-SEARCH-BG-color: rgba(50, 50, 50, 1); /* background color of search box */
--MENU-SEARCH-BORDER-color: rgba( 224, 224, 224, 1 ); /* border color of search box */ --MENU-SEARCH-BORDER-color: rgba(224, 224, 224, 1); /* border color of search box */
--MENU-SECTIONS-BG-color: rgba( 43, 43, 43, 1 ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: rgba(43, 43, 43, 1); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
--MENU-SECTIONS-LINK-color: rgba( 186, 186, 186, 1 ); /* link color of menu topics */ --MENU-SECTIONS-LINK-color: rgba(186, 186, 186, 1); /* link color of menu topics */
--MENU-SECTIONS-LINK-HOVER-color: rgba( 255, 255, 255, 1 ); /* hovered link color of menu topics */ --MENU-SECTIONS-LINK-HOVER-color: rgba(255, 255, 255, 1); /* hovered link color of menu topics */
--MENU-SECTIONS-ACTIVE-BG-color: rgba( 50, 50, 50, 1 ); /* background color of the active menu section */ --MENU-SECTIONS-ACTIVE-BG-color: rgba(50, 50, 50, 1); /* background color of the active menu section */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 130, 229, 80, 1 ); /* text color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(130, 229, 80, 1); /* text color of the displayed menu topic */
--MENU-SECTION-SEPARATOR-color: rgba( 96, 96, 96, 1 ); /* separator color between menu sections and menu footer */ --MENU-SECTION-SEPARATOR-color: rgba(96, 96, 96, 1); /* separator color between menu sections and menu footer */
--MENU-VISITED-color: rgba( 72, 106, 201, 1 ); /* icon color of visited menu topics if configured */ --MENU-VISITED-color: rgba(72, 106, 201, 1); /* icon color of visited menu topics if configured */
--BOX-CAPTION-color: rgba( 240, 240, 240, 1 ); /* text color of colored box titles */ --BOX-CAPTION-color: rgba(240, 240, 240, 1); /* text color of colored box titles */
--BOX-BG-color: rgba( 20, 20, 20, 1 ); /* background color of colored boxes */ --BOX-BG-color: rgba(20, 20, 20, 1); /* background color of colored boxes */
--BOX-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of colored box content */ --BOX-TEXT-color: rgba(224, 224, 224, 1); /* text color of colored box content */
} }

54
assets/css/theme-relearn-light.css
View file

@ -1,41 +1,41 @@
:root { :root {
--PRIMARY-color: rgba( 125, 201, 3, 1 ); /* brand primary color */ --PRIMARY-color: rgba(125, 201, 3, 1); /* brand primary color */
--SECONDARY-color: rgba( 72, 106, 201, 1 ); /* brand secondary color */ --SECONDARY-color: rgba(72, 106, 201, 1); /* brand secondary color */
--ACCENT-color: rgb( 255, 102, 78 ); /* brand accent color, used for search highlights */ --ACCENT-color: rgb(255, 102, 78); /* brand accent color, used for search highlights */
--MAIN-TEXT-color: rgba( 0, 0, 0, 1 ); /* text color of content and h1 titles */ --MAIN-TEXT-color: rgba(0, 0, 0, 1); /* text color of content and h1 titles */
--MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgba(32, 40, 145, 1); /* hovered link color of content */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --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 */ --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 stylesheet 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-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-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 */ --CODE-BLOCK-BORDER-color: rgba(216, 216, 216, 1); /* border color of block code */
--CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* text color of inline code */ --CODE-INLINE-color: rgba(94, 94, 94, 1); /* text color of inline code */
--CODE-INLINE-BG-color: rgba( 255, 250, 233, 1 ); /* background color of inline code */ --CODE-INLINE-BG-color: rgba(255, 250, 233, 1); /* background color of inline code */
--CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba(248, 232, 200, 1); /* border color of inline code */
--BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */ --MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */ --OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */ --OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-HOME-LINK-color: rgba( 64, 64, 64, 1 ); /* home button color if configured */ --MENU-HOME-LINK-color: rgba(64, 64, 64, 1); /* home button color if configured */
--MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* hovered home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba(0, 0, 0, 1); /* hovered home button color if configured */
--MENU-SEARCH-color: rgba( 224, 224, 224, 1 ); /* text and icon color of search box */ --MENU-SEARCH-color: rgba(224, 224, 224, 1); /* text and icon color of search box */
--MENU-SEARCH-BG-color: rgba( 50, 50, 50, 1 ); /* background color of search box */ --MENU-SEARCH-BG-color: rgba(50, 50, 50, 1); /* background color of search box */
--MENU-SEARCH-BORDER-color: rgba( 224, 224, 224, 1 ); /* border color of search box */ --MENU-SEARCH-BORDER-color: rgba(224, 224, 224, 1); /* border color of search box */
--MENU-SECTIONS-BG-color: rgba( 40, 40, 40, 1 ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: rgba(40, 40, 40, 1); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
--MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* background color of the active menu section */ --MENU-SECTIONS-ACTIVE-BG-color: rgba(0, 0, 0, 0.166); /* background color of the active menu section */
--MENU-SECTIONS-LINK-color: rgba( 186, 186, 186, 1 ); /* link color of menu topics */ --MENU-SECTIONS-LINK-color: rgba(186, 186, 186, 1); /* link color of menu topics */
--MENU-SECTIONS-LINK-HOVER-color: rgba( 255, 255, 255, 1 ); /* hovered link color of menu topics */ --MENU-SECTIONS-LINK-HOVER-color: rgba(255, 255, 255, 1); /* hovered link color of menu topics */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 68, 68, 68, 1 ); /* text color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(68, 68, 68, 1); /* text color of the displayed menu topic */
--MENU-SECTION-SEPARATOR-color: rgba( 96, 96, 96, 1 ); /* separator color between menu sections and menu footer */ --MENU-SECTION-SEPARATOR-color: rgba(96, 96, 96, 1); /* separator color between menu sections and menu footer */
--BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* text color of colored box titles */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* background color of colored boxes */
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* text color of colored box content */
} }

62
assets/css/theme-zen-dark.css
View file

@ -1,53 +1,53 @@
:root { :root {
--PRIMARY-color: rgba( 47, 129, 235, 1 ); /* brand primary color */ --PRIMARY-color: rgba(47, 129, 235, 1); /* brand primary color */
--SECONDARY-color: rgba( 47, 129, 235, 1 ); /* brand secondary color */ --SECONDARY-color: rgba(47, 129, 235, 1); /* brand secondary color */
--MAIN-TOPBAR-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color between topbar and content */ --MAIN-TOPBAR-BORDER-color: rgba(71, 71, 71, 1); /* border color between topbar and content */
--MAIN-LINK-HOVER-color: rgb(112, 174, 245); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgb(112, 174, 245); /* hovered link color of content */
--MAIN-BG-color: rgba( 32, 32, 32, 1 ); /* background color of content */ --MAIN-BG-color: rgba(32, 32, 32, 1); /* background color of content */
--MAIN-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of content and h1 titles */ --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 */ --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 stylesheet 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-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-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 */ --CODE-BLOCK-BORDER-color: rgba(71, 71, 71, 1); /* border color of block code */
--CODE-INLINE-color: rgba( 130, 229, 80, 1 ); /* text color of inline code */ --CODE-INLINE-color: rgba(130, 229, 80, 1); /* text color of inline code */
--CODE-INLINE-BG-color: rgba( 45, 45, 45, 1 ); /* background color of inline code */ --CODE-INLINE-BG-color: rgba(45, 45, 45, 1); /* background color of inline code */
--CODE-INLINE-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba(71, 71, 71, 1); /* border color of inline code */
--BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */ --MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */ --OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: obsidian; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */ --OPENAPI-CODE-theme: obsidian; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color between menu and content */ --MENU-BORDER-color: rgba(71, 71, 71, 1); /* border color between menu and content */
--MENU-TOPBAR-BORDER-color: rgba( 39, 39, 39, 1 ); /* separator color of vertical line between menu and topbar */ --MENU-TOPBAR-BORDER-color: rgba(39, 39, 39, 1); /* separator color of vertical line between menu and topbar */
--MENU-TOPBAR-SEPARATOR-color: rgba( 71, 71, 71, 1 ); /* separator color of vertical line between menu and topbar */ --MENU-TOPBAR-SEPARATOR-color: rgba(71, 71, 71, 1); /* separator color of vertical line between menu and topbar */
--MENU-HEADER-BG-color: transparent; /* background color of menu header */ --MENU-HEADER-BG-color: transparent; /* background color of menu header */
--MENU-HEADER-BORDER-color: transparent; /* border color between menu header and menu */ --MENU-HEADER-BORDER-color: transparent; /* border color between menu header and menu */
--MENU-HEADER-SEPARATOR-color: rgba( 71, 71, 71, .66 ); /* separator color between menu header and menu */ --MENU-HEADER-SEPARATOR-color: rgba(71, 71, 71, 0.66); /* separator color between menu header and menu */
--MENU-HOME-LINK-color: rgba( 224, 224, 224, 1 ); /* home button color if configured */ --MENU-HOME-LINK-color: rgba(224, 224, 224, 1); /* home button color if configured */
--MENU-HOME-LINK-HOVER-color: rgba( 47, 129, 235, 1 ); /* hovered home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba(47, 129, 235, 1); /* hovered home button color if configured */
--MENU-SEARCH-color: rgba( 47, 129, 235, 1 ); /* text and icon color of search box */ --MENU-SEARCH-color: rgba(47, 129, 235, 1); /* text and icon color of search box */
--MENU-SEARCH-BG-color: rgba( 32, 32, 32, 1 ); /* background color of search box */ --MENU-SEARCH-BG-color: rgba(32, 32, 32, 1); /* background color of search box */
--MENU-SEARCH-BORDER-color: rgba( 71, 71, 71, .66 ); /* border color of search box */ --MENU-SEARCH-BORDER-color: rgba(71, 71, 71, 0.66); /* border color of search box */
--MENU-SECTIONS-BG-color: rgba( 39, 39, 39, 1 ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: rgba(39, 39, 39, 1); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
--MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */ --MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */
--MENU-SECTIONS-LINK-color: rgba( 224, 224, 224, .75 ); /* link color of menu topics */ --MENU-SECTIONS-LINK-color: rgba(224, 224, 224, 0.75); /* link color of menu topics */
--MENU-SECTIONS-LINK-HOVER-color: rgba( 47, 129, 235, 1 ); /* hoverd link color of menu topics */ --MENU-SECTIONS-LINK-HOVER-color: rgba(47, 129, 235, 1); /* hoverd link color of menu topics */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 47, 129, 235, 1 ); /* text color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(47, 129, 235, 1); /* text color of the displayed menu topic */
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba( 32, 32, 32, 1 ); /* background color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba(32, 32, 32, 1); /* background color of the displayed menu topic */
--MENU-SECTION-SEPARATOR-color: rgba( 71, 71, 71, .66 ); /* separator color between menu sections and menu footer */ --MENU-SECTION-SEPARATOR-color: rgba(71, 71, 71, 0.66); /* separator color between menu sections and menu footer */
--BOX-CAPTION-color: rgba( 240, 240, 240, 1 ); /* text color of colored box titles */ --BOX-CAPTION-color: rgba(240, 240, 240, 1); /* text color of colored box titles */
--BOX-BG-color: rgba( 20, 20, 20, 1 ); /* background color of colored boxes */ --BOX-BG-color: rgba(20, 20, 20, 1); /* background color of colored boxes */
--BOX-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of colored box content */ --BOX-TEXT-color: rgba(224, 224, 224, 1); /* text color of colored box content */
--BOX-GREY-color: rgba( 71, 71, 71, 1 ); /* background color of grey boxes */ --BOX-GREY-color: rgba(71, 71, 71, 1); /* background color of grey boxes */
} }
body a#R-logo, body a#R-logo,

64
assets/css/theme-zen-light.css
View file

@ -1,53 +1,53 @@
:root { :root {
--PRIMARY-color: rgba( 26, 115, 232, 1 ); /* brand primary color */ --PRIMARY-color: rgba(26, 115, 232, 1); /* brand primary color */
--SECONDARY-color: rgba( 26, 115, 232, 1 ); /* brand secondary color */ --SECONDARY-color: rgba(26, 115, 232, 1); /* brand secondary color */
--MAIN-TOPBAR-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color between topbar and content */ --MAIN-TOPBAR-BORDER-color: rgba(210, 210, 210, 1); /* border color between topbar and content */
--MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hoverd link color of content */ --MAIN-LINK-HOVER-color: rgba(32, 40, 145, 1); /* hoverd link color of content */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --MAIN-BG-color: rgba(255, 255, 255, 1); /* background color of content */
--MAIN-TEXT-color: rgba( 0, 0, 0, 1 ); /* text color of content and h1 titles */ --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 */ --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 stylesheet 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-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-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 */ --CODE-BLOCK-BORDER-color: rgba(210, 210, 210, 1); /* border color of block code */
--CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* text color of inline code */ --CODE-INLINE-color: rgba(94, 94, 94, 1); /* text color of inline code */
--CODE-INLINE-BG-color: rgba( 255, 250, 233, 1 ); /* background color of inline code */ --CODE-INLINE-BG-color: rgba(255, 250, 233, 1); /* background color of inline code */
--CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba(248, 232, 200, 1); /* border color of inline code */
--BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */ --MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */ --OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */ --OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color between menu and content */ --MENU-BORDER-color: rgba(210, 210, 210, 1); /* border color between menu and content */
--MENU-TOPBAR-BORDER-color: rgba( 247, 247, 247, 1 ); /* border color of vertical line between menu and topbar */ --MENU-TOPBAR-BORDER-color: rgba(247, 247, 247, 1); /* border color of vertical line between menu and topbar */
--MENU-TOPBAR-SEPARATOR-color: rgba( 210, 210, 210, 1 ); /* separator color of vertical line between menu and topbar */ --MENU-TOPBAR-SEPARATOR-color: rgba(210, 210, 210, 1); /* separator color of vertical line between menu and topbar */
--MENU-HEADER-BG-color: transparent; /* background color of menu header */ --MENU-HEADER-BG-color: transparent; /* background color of menu header */
--MENU-HEADER-BORDER-color: transparent; /* border color between menu header and menu */ --MENU-HEADER-BORDER-color: transparent; /* border color between menu header and menu */
--MENU-HEADER-SEPARATOR-color: rgba( 210, 210, 210, .66 ); /* separator color between menu header and menu */ --MENU-HEADER-SEPARATOR-color: rgba(210, 210, 210, 0.66); /* separator color between menu header and menu */
--MENU-HOME-LINK-color: rgba( 64, 64, 64, 1 ); /* home button color if configured */ --MENU-HOME-LINK-color: rgba(64, 64, 64, 1); /* home button color if configured */
--MENU-HOME-LINK-HOVER-color: rgba( 26, 115, 232, 1 ); /* hoverd home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba(26, 115, 232, 1); /* hoverd home button color if configured */
--MENU-SEARCH-color: rgba( 26, 115, 232, 1 ); /* text and icon color of search box */ --MENU-SEARCH-color: rgba(26, 115, 232, 1); /* text and icon color of search box */
--MENU-SEARCH-BG-color: rgba( 255, 255, 255, 1 ); /* background color of search box */ --MENU-SEARCH-BG-color: rgba(255, 255, 255, 1); /* background color of search box */
--MENU-SEARCH-BORDER-color: rgba( 210, 210, 210, .66 ); /* border color of search box */ --MENU-SEARCH-BORDER-color: rgba(210, 210, 210, 0.66); /* border color of search box */
--MENU-SECTIONS-BG-color: rgba( 134, 134, 134, .066 ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: rgba(134, 134, 134, 0.066); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
--MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */ --MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */
--MENU-SECTIONS-LINK-color: rgba( 16, 16, 16, 1 ); /* link color of menu topics */ --MENU-SECTIONS-LINK-color: rgba(16, 16, 16, 1); /* link color of menu topics */
--MENU-SECTIONS-LINK-HOVER-color: rgba( 26, 115, 232, 1 ); /* hoverd link color of menu topics */ --MENU-SECTIONS-LINK-HOVER-color: rgba(26, 115, 232, 1); /* hoverd link color of menu topics */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 26, 115, 232, 1 ); /* text color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(26, 115, 232, 1); /* text color of the displayed menu topic */
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba( 255, 255, 255, 1 ); /* background color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba(255, 255, 255, 1); /* background color of the displayed menu topic */
--MENU-SECTION-SEPARATOR-color: rgba( 210, 210, 210, .66 ); /* separator color between menu sections and menu footer */ --MENU-SECTION-SEPARATOR-color: rgba(210, 210, 210, 0.66); /* separator color between menu sections and menu footer */
--BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* text color of colored box titles */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* background color of colored boxes */
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* text color of colored box content */
--BOX-GREY-color: rgba( 210, 210, 210, 1 ); /* background color of grey boxes */ --BOX-GREY-color: rgba(210, 210, 210, 1); /* background color of grey boxes */
} }
body a#R-logo, body a#R-logo,

574
assets/css/theme.css
View file

File diff suppressed because it is too large Load diff

16
exampleSite/makeTransByConentDir.js
View file

@ -68,12 +68,12 @@ function processDirectory(directoryPath, oldDirectory, newDirectory, langs) {
if (!processDirectory(filePath, oldDirectory, newDirectory, langs)) { if (!processDirectory(filePath, oldDirectory, newDirectory, langs)) {
return false; return false;
} }
} else if (stats.isFile()){ } else if (stats.isFile()) {
// non-language files are a different beast: copy the file into all languages that don't have a language file // non-language files are a different beast: copy the file into all languages that don't have a language file
const nonLangRegex = /^(.*?)(\.([^.]+))?$/; const nonLangRegex = /^(.*?)(\.([^.]+))?$/;
const nonLangMatch = file.match(nonLangRegex); const nonLangMatch = file.match(nonLangRegex);
const fileName = nonLangMatch[1]; const fileName = nonLangMatch[1];
const fileExtension = nonLangMatch.length > 3 ? nonLangMatch[3] : ""; const fileExtension = nonLangMatch.length > 3 ? nonLangMatch[3] : '';
Object.keys(langs).forEach((fileLang) => { Object.keys(langs).forEach((fileLang) => {
const langFilePath = path.join(directoryPath, fileName + '.' + fileLang + '.' + fileExtension); const langFilePath = path.join(directoryPath, fileName + '.' + fileLang + '.' + fileExtension);
const langExists = fs.existsSync(langFilePath); const langExists = fs.existsSync(langFilePath);
@ -103,14 +103,12 @@ function processDirectory(directoryPath, oldDirectory, newDirectory, langs) {
return true; return true;
} }
function modifyConfig(configDirectory) { function modifyConfig(configDirectory) {}
}
function runThatShit(contentDirectory) { function runThatShit(contentDirectory) {
const sourceDirectory = contentDirectory; const sourceDirectory = contentDirectory;
const backupDirectory = contentDirectory + ".backup"; const backupDirectory = contentDirectory + '.backup';
const targetDirectory = contentDirectory + ".temp"; const targetDirectory = contentDirectory + '.temp';
// check directories // check directories
try { try {
@ -149,7 +147,7 @@ function runThatShit(contentDirectory) {
// convert that shit // convert that shit
const langs = getLanguages(sourceDirectory); const langs = getLanguages(sourceDirectory);
if( !processDirectory(sourceDirectory, sourceDirectory, targetDirectory, langs) ){ if (!processDirectory(sourceDirectory, sourceDirectory, targetDirectory, langs)) {
return false; return false;
} }
@ -164,7 +162,7 @@ function runThatShit(contentDirectory) {
} }
// edit the config file accordingly // edit the config file accordingly
modifyConfig(path.join(sourceDirectory, "..")); modifyConfig(path.join(sourceDirectory, '..'));
return true; return true;
} }

2
layouts/partials/version.txt
View file

@ -1 +1 @@
7.1.1+57defcfab75859c444feb8af753a2b764cb6f64c 7.1.1+85d43bcef3403a38c509d04606f2cd8ca91c8bd5

210
static/js/search.js
View file

@ -1,40 +1,40 @@
window.relearn = window.relearn || {}; window.relearn = window.relearn || {};
window.relearn.runInitialSearch = function(){ window.relearn.runInitialSearch = function () {
if( window.relearn.isSearchInit && window.relearn.isLunrInit ){ if (window.relearn.isSearchInit && window.relearn.isLunrInit) {
var input = document.querySelector('#R-search-by-detail'); var input = document.querySelector('#R-search-by-detail');
if( !input ){ if (!input) {
return; return;
} }
var value = input.value; var value = input.value;
searchDetail( value ); searchDetail(value);
} }
} };
var lunrIndex, pagesIndex; var lunrIndex, pagesIndex;
function initLunrIndex( index ){ function initLunrIndex(index) {
pagesIndex = index; pagesIndex = index;
// Set up Lunr by declaring the fields we use // Set up Lunr by declaring the fields we use
// Also provide their boost level for the ranking // Also provide their boost level for the ranking
lunrIndex = lunr(function() { lunrIndex = lunr(function () {
this.use(lunr.multiLanguage.apply(null, contentLangs)); this.use(lunr.multiLanguage.apply(null, contentLangs));
this.ref('index'); this.ref('index');
this.field('title', { this.field('title', {
boost: 15 boost: 15,
}); });
this.field('tags', { this.field('tags', {
boost: 10 boost: 10,
}); });
this.field('content', { this.field('content', {
boost: 5 boost: 5,
}); });
this.pipeline.remove(lunr.stemmer); this.pipeline.remove(lunr.stemmer);
this.searchPipeline.remove(lunr.stemmer); this.searchPipeline.remove(lunr.stemmer);
// Feed Lunr with each file and let LUnr actually index them // Feed Lunr with each file and let LUnr actually index them
pagesIndex.forEach(function(page, idx) { pagesIndex.forEach(function (page, idx) {
page.index = idx; page.index = idx;
this.add(page); this.add(page);
}, this); }, this);
@ -44,81 +44,83 @@ function initLunrIndex( index ){
window.relearn.runInitialSearch(); window.relearn.runInitialSearch();
} }
function triggerSearch(){ function triggerSearch() {
var input = document.querySelector('#R-search-by-detail'); var input = document.querySelector('#R-search-by-detail');
if( !input ){ if (!input) {
return; return;
} }
var value = input.value; var value = input.value;
searchDetail( value ); searchDetail(value);
// add a new entry to the history after the user // add a new entry to the history after the user
// changed the term; this does not reload the page // changed the term; this does not reload the page
// but will add to the history and update the address bar URL // but will add to the history and update the address bar URL
var url = new URL( window.location ); var url = new URL(window.location);
var oldValue = url.searchParams.get( 'search-by' ); var oldValue = url.searchParams.get('search-by');
if( value != oldValue ){ if (value != oldValue) {
var state = window.history.state || {}; var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} ); state = Object.assign({}, typeof state === 'object' ? state : {});
url.searchParams.set( 'search-by', value ); url.searchParams.set('search-by', value);
state.search = url.toString(); state.search = url.toString();
// with normal pages, this is handled by the 'pagehide' event, but this // with normal pages, this is handled by the 'pagehide' event, but this
// doesn't fire in case of pushState, so we have to do the same thing // doesn't fire in case of pushState, so we have to do the same thing
// here, too // here, too
state.contentScrollTop = +elc.scrollTop; state.contentScrollTop = +elc.scrollTop;
window.history.pushState( state, '', url ); window.history.pushState(state, '', url);
} }
} }
window.addEventListener( 'popstate', function ( event ){ window.addEventListener('popstate', function (event) {
// restart search if browsed through history // restart search if browsed through history
if( event.state ){ if (event.state) {
var state = window.history.state || {}; var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} ); state = Object.assign({}, typeof state === 'object' ? state : {});
if( state.search ) { if (state.search) {
var url = new URL( state.search ); var url = new URL(state.search);
if( url.searchParams.has('search-by') ){ if (url.searchParams.has('search-by')) {
var search = url.searchParams.get( 'search-by' ); var search = url.searchParams.get('search-by');
// we have to insert the old search term into the inputs // we have to insert the old search term into the inputs
var inputs = document.querySelectorAll( 'input.search-by' ); var inputs = document.querySelectorAll('input.search-by');
inputs.forEach( function( e ){ inputs.forEach(function (e) {
e.value = search; e.value = search;
var event = document.createEvent( 'Event' ); var event = document.createEvent('Event');
event.initEvent( 'input', false, false ); event.initEvent('input', false, false);
e.dispatchEvent( event ); e.dispatchEvent(event);
}); });
// recreate the last search results and eventually // recreate the last search results and eventually
// restore the previous scrolling position // restore the previous scrolling position
searchDetail( search ); searchDetail(search);
} }
} }
} }
}); });
var input = document.querySelector('#R-search-by-detail'); var input = document.querySelector('#R-search-by-detail');
if( input ){ if (input) {
input.addEventListener( 'keydown', function(event) { input.addEventListener('keydown', function (event) {
// if we are pressing ESC in the searchdetail our focus will // if we are pressing ESC in the searchdetail our focus will
// be stolen by the other event handlers, so we have to refocus // be stolen by the other event handlers, so we have to refocus
// here after a short while // here after a short while
if (event.key == "Escape") { if (event.key == 'Escape') {
setTimeout( function(){ input.focus(); }, 0 ); setTimeout(function () {
input.focus();
}, 0);
} }
}); });
} }
function initLunrJs() { function initLunrJs() {
// new way to load our search index // new way to load our search index
if( window.index_js_url ){ if (window.index_js_url) {
var js = document.createElement("script"); var js = document.createElement('script');
js.src = index_js_url; js.src = index_js_url;
js.setAttribute("async", ""); js.setAttribute('async', '');
js.onload = function(){ js.onload = function () {
initLunrIndex(relearn_searchindex); initLunrIndex(relearn_searchindex);
}; };
js.onerror = function(e){ js.onerror = function (e) {
console.error('Error getting Hugo index file'); console.error('Error getting Hugo index file');
}; };
document.head.appendChild(js); document.head.appendChild(js);
@ -134,10 +136,17 @@ function initLunrJs() {
function search(term) { function search(term) {
// Find the item in our index corresponding to the Lunr one to have more info // Find the item in our index corresponding to the Lunr one to have more info
// Remove Lunr special search characters: https://lunrjs.com/guides/searching.html // Remove Lunr special search characters: https://lunrjs.com/guides/searching.html
term = term.replace( /[*:^~+-]/g, ' ' ); term = term.replace(/[*:^~+-]/g, ' ');
var searchTerm = lunr.tokenizer( term ).reduce( function(a,token){return a.concat(searchPatterns(token.str))}, []).join(' '); var searchTerm = lunr
return !searchTerm || !lunrIndex ? [] : lunrIndex.search(searchTerm).map(function(result) { .tokenizer(term)
return { index: result.ref, matches: Object.keys(result.matchData.metadata) } .reduce(function (a, token) {
return a.concat(searchPatterns(token.str));
}, [])
.join(' ');
return !searchTerm || !lunrIndex
? []
: lunrIndex.search(searchTerm).map(function (result) {
return { index: result.ref, matches: Object.keys(result.matchData.metadata) };
}); });
} }
@ -158,12 +167,16 @@ function searchPatterns(word) {
word + '^100', word + '^100',
word + '*^10', word + '*^10',
'*' + word + '^10', '*' + word + '^10',
word + '~' + typos.reduce( function( a, c, i ){ return word.length < c.len ? c : a; } ).typos + '^1' word +
'~' +
typos.reduce(function (a, c, i) {
return word.length < c.len ? c : a;
}).typos +
'^1',
]; ];
} }
function resolvePlaceholders(s, args) {
function resolvePlaceholders( s, args ) {
var args = args || []; var args = args || [];
// use replace to iterate over the string // use replace to iterate over the string
// select the match and check if the related argument is present // select the match and check if the related argument is present
@ -172,22 +185,31 @@ function resolvePlaceholders( s, args ) {
// check if the argument is present // check if the argument is present
return typeof args[index] == 'undefined' ? match : args[index]; return typeof args[index] == 'undefined' ? match : args[index];
}); });
}; }
function searchDetail( value ) { function searchDetail(value) {
var results = document.querySelector('#R-searchresults'); var results = document.querySelector('#R-searchresults');
var hint = document.querySelector('.searchhint'); var hint = document.querySelector('.searchhint');
hint.innerText = ''; hint.innerText = '';
results.textContent = ''; results.textContent = '';
var a = search( value ); var a = search(value);
if( a.length ){ if (a.length) {
hint.innerText = resolvePlaceholders( window.T_N_results_found, [ value, a.length ] ); hint.innerText = resolvePlaceholders(window.T_N_results_found, [value, a.length]);
a.forEach( function(item){ a.forEach(function (item) {
var page = pagesIndex[item.index]; var page = pagesIndex[item.index];
var numContextWords = 10; var numContextWords = 10;
var contextPattern = '(?:\\S+ +){0,' + numContextWords + '}\\S*\\b(?:' + var contextPattern =
item.matches.map( function(match){return match.replace(/\W/g, '\\$&')} ).join('|') + '(?:\\S+ +){0,' +
')\\b\\S*(?: +\\S+){0,' + numContextWords + '}'; numContextWords +
'}\\S*\\b(?:' +
item.matches
.map(function (match) {
return match.replace(/\W/g, '\\$&');
})
.join('|') +
')\\b\\S*(?: +\\S+){0,' +
numContextWords +
'}';
var context = page.content.match(new RegExp(contextPattern, 'i')); var context = page.content.match(new RegExp(contextPattern, 'i'));
var divsuggestion = document.createElement('a'); var divsuggestion = document.createElement('a');
divsuggestion.className = 'autocomplete-suggestion'; divsuggestion.className = 'autocomplete-suggestion';
@ -198,50 +220,49 @@ function searchDetail( value ) {
var divtitle = document.createElement('div'); var divtitle = document.createElement('div');
divtitle.className = 'title'; divtitle.className = 'title';
divtitle.innerText = '» ' + page.title; divtitle.innerText = '» ' + page.title;
divsuggestion.appendChild( divtitle ); divsuggestion.appendChild(divtitle);
var divbreadcrumb = document.createElement('div'); var divbreadcrumb = document.createElement('div');
divbreadcrumb.className = 'breadcrumbs'; divbreadcrumb.className = 'breadcrumbs';
divbreadcrumb.innerText = (page.breadcrumb || ''); divbreadcrumb.innerText = page.breadcrumb || '';
divsuggestion.appendChild( divbreadcrumb ); divsuggestion.appendChild(divbreadcrumb);
if( context ){ if (context) {
var divcontext = document.createElement('div'); var divcontext = document.createElement('div');
divcontext.className = 'context'; divcontext.className = 'context';
divcontext.innerText = (context || ''); divcontext.innerText = context || '';
divsuggestion.appendChild( divcontext ); divsuggestion.appendChild(divcontext);
} }
results.appendChild( divsuggestion ); results.appendChild(divsuggestion);
}); });
window.relearn.markSearch(); window.relearn.markSearch();
} } else if (value.length) {
else if( value.length ) { hint.innerText = resolvePlaceholders(window.T_No_results_found, [value]);
hint.innerText = resolvePlaceholders( window.T_No_results_found, [ value ] );
} }
input.focus(); input.focus();
setTimeout( adjustContentWidth, 0 ); setTimeout(adjustContentWidth, 0);
// if we are initiating search because of a browser history // if we are initiating search because of a browser history
// operation, we have to restore the scrolling postion the // operation, we have to restore the scrolling postion the
// user previously has used; if this search isn't initiated // user previously has used; if this search isn't initiated
// by a browser history operation, it simply does nothing // by a browser history operation, it simply does nothing
var state = window.history.state || {}; var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} ); state = Object.assign({}, typeof state === 'object' ? state : {});
if( state.hasOwnProperty( 'contentScrollTop' ) ){ if (state.hasOwnProperty('contentScrollTop')) {
window.setTimeout( function(){ window.setTimeout(function () {
elc.scrollTop = +state.contentScrollTop; elc.scrollTop = +state.contentScrollTop;
}, 10 ); }, 10);
return; return;
} }
} }
initLunrJs(); initLunrJs();
function startSearch(){ function startSearch() {
var input = document.querySelector('#R-search-by-detail'); var input = document.querySelector('#R-search-by-detail');
if( input ){ if (input) {
var state = window.history.state || {}; var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} ); state = Object.assign({}, typeof state === 'object' ? state : {});
state.search = window.location.toString(); state.search = window.location.toString();
window.history.replaceState( state, '', window.location ); window.history.replaceState(state, '', window.location);
} }
var searchList = new autoComplete({ var searchList = new autoComplete({
@ -249,16 +270,25 @@ function startSearch(){
selectorToInsert: 'search:has(.searchbox)', selectorToInsert: 'search:has(.searchbox)',
selector: '#R-search-by', selector: '#R-search-by',
/* source is the callback to perform the search */ /* source is the callback to perform the search */
source: function(term, response) { source: function (term, response) {
response(search(term)); response(search(term));
}, },
/* renderItem displays individual search results */ /* renderItem displays individual search results */
renderItem: function(item, term) { renderItem: function (item, term) {
var page = pagesIndex[item.index]; var page = pagesIndex[item.index];
var numContextWords = 2; var numContextWords = 2;
var contextPattern = '(?:\\S+ +){0,' + numContextWords + '}\\S*\\b(?:' + var contextPattern =
item.matches.map( function(match){return match.replace(/\W/g, '\\$&')} ).join('|') + '(?:\\S+ +){0,' +
')\\b\\S*(?: +\\S+){0,' + numContextWords + '}'; numContextWords +
'}\\S*\\b(?:' +
item.matches
.map(function (match) {
return match.replace(/\W/g, '\\$&');
})
.join('|') +
')\\b\\S*(?: +\\S+){0,' +
numContextWords +
'}';
var context = page.content.match(new RegExp(contextPattern, 'i')); var context = page.content.match(new RegExp(contextPattern, 'i'));
var divsuggestion = document.createElement('div'); var divsuggestion = document.createElement('div');
divsuggestion.className = 'autocomplete-suggestion'; divsuggestion.className = 'autocomplete-suggestion';
@ -269,21 +299,21 @@ function startSearch(){
var divtitle = document.createElement('div'); var divtitle = document.createElement('div');
divtitle.className = 'title'; divtitle.className = 'title';
divtitle.innerText = '» ' + page.title; divtitle.innerText = '» ' + page.title;
divsuggestion.appendChild( divtitle ); divsuggestion.appendChild(divtitle);
if( context ){ if (context) {
var divcontext = document.createElement('div'); var divcontext = document.createElement('div');
divcontext.className = 'context'; divcontext.className = 'context';
divcontext.innerText = (context || ''); divcontext.innerText = context || '';
divsuggestion.appendChild( divcontext ); divsuggestion.appendChild(divcontext);
} }
return divsuggestion.outerHTML; return divsuggestion.outerHTML;
}, },
/* onSelect callback fires when a search suggestion is chosen */ /* onSelect callback fires when a search suggestion is chosen */
onSelect: function(e, term, item) { onSelect: function (e, term, item) {
location.href = item.getAttribute('data-uri'); location.href = item.getAttribute('data-uri');
e.preventDefault(); e.preventDefault();
} },
}); });
}; }
ready( startSearch ); ready(startSearch);

1714
static/js/theme.js
View file

File diff suppressed because it is too large Load diff

686
static/js/variant.js
View file

@ -3,7 +3,13 @@ window.relearn = window.relearn || {};
// we need to load this script in the html head to avoid flickering // we need to load this script in the html head to avoid flickering
// on page load if the user has selected a non default variant // on page load if the user has selected a non default variant
function ready(fn) { if (document.readyState == 'complete') { fn(); } else { document.addEventListener('DOMContentLoaded',fn); } } function ready(fn) {
if (document.readyState == 'complete') {
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
}
var variants = { var variants = {
variant: '', variant: '',
@ -11,211 +17,230 @@ var variants = {
customvariantname: 'my-custom-variant', customvariantname: 'my-custom-variant',
isstylesheetloaded: true, isstylesheetloaded: true,
init: function( variants ){ init: function (variants) {
this.variants = variants; this.variants = variants;
var variant = window.localStorage.getItem( window.relearn.absBaseUri+'/variant' ) || ( this.variants.length ? this.variants[0] : '' ); var variant = window.localStorage.getItem(window.relearn.absBaseUri + '/variant') || (this.variants.length ? this.variants[0] : '');
this.changeVariant( variant ); this.changeVariant(variant);
document.addEventListener( 'readystatechange', function(){ document.addEventListener(
if( document.readyState == 'interactive' ){ 'readystatechange',
function () {
if (document.readyState == 'interactive') {
this.markSelectedVariant(); this.markSelectedVariant();
} }
}.bind( this ) ); }.bind(this)
);
}, },
getVariant: function(){ getVariant: function () {
return this.variant; return this.variant;
}, },
setVariant: function( variant ){ setVariant: function (variant) {
this.variant = variant; this.variant = variant;
window.localStorage.setItem( window.relearn.absBaseUri+'/variant', variant ); window.localStorage.setItem(window.relearn.absBaseUri + '/variant', variant);
}, },
isVariantLoaded: function(){ isVariantLoaded: function () {
return window.theme && this.isstylesheetloaded; return window.theme && this.isstylesheetloaded;
}, },
markSelectedVariant: function(){ markSelectedVariant: function () {
var variant = this.getVariant(); var variant = this.getVariant();
var select = document.querySelector( '#R-select-variant' ); var select = document.querySelector('#R-select-variant');
if( !select ){ if (!select) {
return; return;
} }
this.addCustomVariantOption(); this.addCustomVariantOption();
if( variant && select.value != variant ){ if (variant && select.value != variant) {
select.value = variant; select.value = variant;
} }
var interval_id = setInterval( function(){ var interval_id = setInterval(
if( this.isVariantLoaded() ){ function () {
clearInterval( interval_id ); if (this.isVariantLoaded()) {
clearInterval(interval_id);
updateTheme({ variant: variant }); updateTheme({ variant: variant });
} }
}.bind( this ), 25 ); }.bind(this),
25
);
// remove selection, because if some uses an arrow navigation" // remove selection, because if some uses an arrow navigation"
// by pressing the left or right cursor key, we will automatically // by pressing the left or right cursor key, we will automatically
// select a different style // select a different style
if( document.activeElement ){ if (document.activeElement) {
document.activeElement.blur(); document.activeElement.blur();
} }
}, },
generateVariantPath: function( variant, old_path ){ generateVariantPath: function (variant, old_path) {
var new_path = old_path.replace( new RegExp(`^(.*\/theme-).*?(\.css.*)$`), '$1' + variant + '$2' ); var new_path = old_path.replace(new RegExp(`^(.*\/theme-).*?(\.css.*)$`), '$1' + variant + '$2');
return new_path; return new_path;
}, },
addCustomVariantOption: function(){ addCustomVariantOption: function () {
var variantbase = window.localStorage.getItem( window.relearn.absBaseUri+'/customvariantbase' ); var variantbase = window.localStorage.getItem(window.relearn.absBaseUri + '/customvariantbase');
if( this.variants.indexOf( variantbase ) < 0 ){ if (this.variants.indexOf(variantbase) < 0) {
variantbase = ''; variantbase = '';
} }
if( !window.localStorage.getItem( window.relearn.absBaseUri+'/customvariant' ) ){ if (!window.localStorage.getItem(window.relearn.absBaseUri + '/customvariant')) {
variantbase = ''; variantbase = '';
} }
if( !variantbase ){ if (!variantbase) {
return; return;
} }
var select = document.querySelector( '#R-select-variant' ); var select = document.querySelector('#R-select-variant');
if( !select ){ if (!select) {
return; return;
} }
var option = document.querySelector( '#' + this.customvariantname ); var option = document.querySelector('#' + this.customvariantname);
if( !option ){ if (!option) {
option = document.createElement( 'option' ); option = document.createElement('option');
option.id = this.customvariantname; option.id = this.customvariantname;
option.value = this.customvariantname; option.value = this.customvariantname;
option.text = this.customvariantname.replace( /-/g, ' ' ).replace(/\w\S*/g, function(w){ return w.replace(/^\w/g, function(c){ return c.toUpperCase(); }); }); option.text = this.customvariantname.replace(/-/g, ' ').replace(/\w\S*/g, function (w) {
select.appendChild( option ); return w.replace(/^\w/g, function (c) {
document.querySelectorAll( '.footerVariantSwitch' ).forEach( function( e ){ return c.toUpperCase();
e.classList.add( 'showVariantSwitch' ); });
});
select.appendChild(option);
document.querySelectorAll('.footerVariantSwitch').forEach(function (e) {
e.classList.add('showVariantSwitch');
}); });
} }
}, },
removeCustomVariantOption: function(){ removeCustomVariantOption: function () {
var option = document.querySelector( '#' + this.customvariantname ); var option = document.querySelector('#' + this.customvariantname);
if( option ){ if (option) {
option.remove(); option.remove();
} }
if( this.variants.length <= 1 ){ if (this.variants.length <= 1) {
document.querySelectorAll( '.footerVariantSwitch' ).forEach( function( e ){ document.querySelectorAll('.footerVariantSwitch').forEach(function (e) {
e.classList.remove( 'showVariantSwitch' ); e.classList.remove('showVariantSwitch');
}); });
} }
}, },
saveCustomVariant: function(){ saveCustomVariant: function () {
if( this.getVariant() != this.customvariantname ){ if (this.getVariant() != this.customvariantname) {
window.localStorage.setItem( window.relearn.absBaseUri+'/customvariantbase', this.getVariant() ); window.localStorage.setItem(window.relearn.absBaseUri + '/customvariantbase', this.getVariant());
} }
window.localStorage.setItem( window.relearn.absBaseUri+'/customvariant', this.generateStylesheet() ); window.localStorage.setItem(window.relearn.absBaseUri + '/customvariant', this.generateStylesheet());
this.setVariant( this.customvariantname ); this.setVariant(this.customvariantname);
this.markSelectedVariant(); this.markSelectedVariant();
}, },
loadCustomVariant: function(){ loadCustomVariant: function () {
var stylesheet = window.localStorage.getItem( window.relearn.absBaseUri+'/customvariant' ); var stylesheet = window.localStorage.getItem(window.relearn.absBaseUri + '/customvariant');
// temp styles to document // temp styles to document
var head = document.querySelector( 'head' ); var head = document.querySelector('head');
var style = document.createElement( 'style' ); var style = document.createElement('style');
style.id = 'R-custom-variant-style'; style.id = 'R-custom-variant-style';
style.appendChild( document.createTextNode( stylesheet ) ); style.appendChild(document.createTextNode(stylesheet));
head.appendChild( style ); head.appendChild(style);
var interval_id = setInterval( function(){ var interval_id = setInterval(
if( this.findLoadedStylesheet( 'R-variant-style' ) ){ function () {
clearInterval( interval_id ); if (this.findLoadedStylesheet('R-variant-style')) {
clearInterval(interval_id);
// save the styles to the current variant stylesheet // save the styles to the current variant stylesheet
this.variantvariables.forEach( function( e ){ this.variantvariables.forEach(
this.changeColor( e.name, true ); function (e) {
}.bind( this ) ); this.changeColor(e.name, true);
}.bind(this)
);
// remove temp styles // remove temp styles
style.remove(); style.remove();
this.saveCustomVariant(); this.saveCustomVariant();
} }
}.bind( this ), 25 ); }.bind(this),
25
);
}, },
resetVariant: function(){ resetVariant: function () {
var variantbase = window.localStorage.getItem( window.relearn.absBaseUri+'/customvariantbase' ); var variantbase = window.localStorage.getItem(window.relearn.absBaseUri + '/customvariantbase');
if( variantbase && confirm( 'You have made changes to your custom variant. Are you sure you want to reset all changes?' ) ){ if (variantbase && confirm('You have made changes to your custom variant. Are you sure you want to reset all changes?')) {
window.localStorage.removeItem( window.relearn.absBaseUri+'/customvariantbase' ); window.localStorage.removeItem(window.relearn.absBaseUri + '/customvariantbase');
window.localStorage.removeItem( window.relearn.absBaseUri+'/customvariant' ); window.localStorage.removeItem(window.relearn.absBaseUri + '/customvariant');
this.removeCustomVariantOption(); this.removeCustomVariantOption();
if( this.getVariant() == this.customvariantname ){ if (this.getVariant() == this.customvariantname) {
this.changeVariant( variantbase ); this.changeVariant(variantbase);
} }
} }
}, },
onLoadStylesheet: function(){ onLoadStylesheet: function () {
variants.isstylesheetloaded = true; variants.isstylesheetloaded = true;
}, },
switchStylesheet: function( variant, without_check ){ switchStylesheet: function (variant, without_check) {
var link = document.querySelector( '#R-variant-style' ); var link = document.querySelector('#R-variant-style');
if( !link ){ if (!link) {
return; return;
} }
var old_path = link.getAttribute( 'href' ); var old_path = link.getAttribute('href');
var new_path = this.generateVariantPath( variant, old_path ); var new_path = this.generateVariantPath(variant, old_path);
this.isstylesheetloaded = false; this.isstylesheetloaded = false;
// Chrome needs a new element to trigger the load callback again // Chrome needs a new element to trigger the load callback again
var new_link = document.createElement( 'link' ); var new_link = document.createElement('link');
new_link.id = 'R-variant-style'; new_link.id = 'R-variant-style';
new_link.rel = 'stylesheet'; new_link.rel = 'stylesheet';
new_link.onload = this.onLoadStylesheet; new_link.onload = this.onLoadStylesheet;
new_link.setAttribute( 'href', new_path ); new_link.setAttribute('href', new_path);
link.parentNode.replaceChild( new_link, link ); link.parentNode.replaceChild(new_link, link);
}, },
changeVariant: function( variant ){ changeVariant: function (variant) {
if( variant == this.customvariantname ){ if (variant == this.customvariantname) {
var variantbase = window.localStorage.getItem( window.relearn.absBaseUri+'/customvariantbase' ); var variantbase = window.localStorage.getItem(window.relearn.absBaseUri + '/customvariantbase');
if( this.variants.indexOf( variantbase ) < 0 ){ if (this.variants.indexOf(variantbase) < 0) {
variant = ''; variant = '';
} }
if( !window.localStorage.getItem( window.relearn.absBaseUri+'/customvariant' ) ){ if (!window.localStorage.getItem(window.relearn.absBaseUri + '/customvariant')) {
variant = ''; variant = '';
} }
this.setVariant( variant ); this.setVariant(variant);
if( !variant ){ if (!variant) {
return; return;
} }
this.switchStylesheet( variantbase ); this.switchStylesheet(variantbase);
this.loadCustomVariant(); this.loadCustomVariant();
} else {
if (this.variants.indexOf(variant) < 0) {
variant = this.variants.length ? this.variants[0] : '';
} }
else{ this.setVariant(variant);
if( this.variants.indexOf( variant ) < 0 ){ if (!variant) {
variant = this.variants.length ? this.variants[ 0 ] : '';
}
this.setVariant( variant );
if( !variant ){
return; return;
} }
this.switchStylesheet( variant ); this.switchStylesheet(variant);
this.markSelectedVariant(); this.markSelectedVariant();
} }
}, },
generator: function( vargenerator ){ generator: function (vargenerator) {
var graphDefinition = this.generateGraph(); var graphDefinition = this.generateGraph();
var graphs = document.querySelectorAll( vargenerator ); var graphs = document.querySelectorAll(vargenerator);
graphs.forEach( function( e ){ e.innerHTML = graphDefinition; }); graphs.forEach(function (e) {
e.innerHTML = graphDefinition;
});
var interval_id = setInterval( function(){ var interval_id = setInterval(
if( document.querySelectorAll( vargenerator + ' .mermaid > svg' ).length ){ function () {
clearInterval( interval_id ); if (document.querySelectorAll(vargenerator + ' .mermaid > svg').length) {
clearInterval(interval_id);
this.styleGraph(); this.styleGraph();
} }
}.bind( this ), 25 ); }.bind(this),
25
);
}, },
download: function(data, mimetype, filename){ download: function (data, mimetype, filename) {
var blob = new Blob([data], { type: mimetype }); var blob = new Blob([data], { type: mimetype });
var url = window.URL.createObjectURL(blob); var url = window.URL.createObjectURL(blob);
var a = document.createElement('a'); var a = document.createElement('a');
@ -224,34 +249,38 @@ var variants = {
a.click(); a.click();
}, },
getStylesheet: function(){ getStylesheet: function () {
var style = this.generateStylesheet(); var style = this.generateStylesheet();
if( !style ){ if (!style) {
alert( 'There is nothing to be generated as auto mode variants will be generated by Hugo' ); alert('There is nothing to be generated as auto mode variants will be generated by Hugo');
return; return;
} }
this.download( style, 'text/css', 'theme-' + this.customvariantname + '.css' ); this.download(style, 'text/css', 'theme-' + this.customvariantname + '.css');
}, },
adjustCSSRules: function(selector, props, sheets){ adjustCSSRules: function (selector, props, sheets) {
// get stylesheet(s) // get stylesheet(s)
if (!sheets) sheets = [...document.styleSheets]; if (!sheets) sheets = [...document.styleSheets];
else if (sheets.sup){ // sheets is a string else if (sheets.sup) {
// sheets is a string
let absoluteURL = new URL(sheets, document.baseURI).href; let absoluteURL = new URL(sheets, document.baseURI).href;
sheets = [...document.styleSheets].filter(i => i.href == absoluteURL); sheets = [...document.styleSheets].filter((i) => i.href == absoluteURL);
} } else sheets = [sheets]; // sheets is a stylesheet
else sheets = [sheets]; // sheets is a stylesheet
// CSS (& HTML) reduce spaces in selector to one. // CSS (& HTML) reduce spaces in selector to one.
selector = selector.replace(/\s+/g, ' '); selector = selector.replace(/\s+/g, ' ');
const findRule = s => [...s.cssRules].reverse().find(i => i.selectorText == selector) const findRule = (s) => [...s.cssRules].reverse().find((i) => i.selectorText == selector);
let rule = sheets.map(findRule).filter(i=>i).pop() let rule = sheets
.map(findRule)
.filter((i) => i)
.pop();
const propsArr = props.sup const propsArr = props.sup
? props.split(/\s*;\s*/).map(i => i.split(/\s*:\s*/)) // from string ? props.split(/\s*;\s*/).map((i) => i.split(/\s*:\s*/)) // from string
: Object.entries(props); // from Object : Object.entries(props); // from Object
if (rule) for (let [prop, val] of propsArr){ if (rule)
for (let [prop, val] of propsArr) {
// rule.style[prop] = val; is against the spec, and does not support !important. // rule.style[prop] = val; is against the spec, and does not support !important.
rule.style.setProperty(prop, ...val.split(/ *!(?=important)/)); rule.style.setProperty(prop, ...val.split(/ *!(?=important)/));
} }
@ -262,41 +291,41 @@ var variants = {
} }
}, },
normalizeColor: function( c ){ normalizeColor: function (c) {
if( !c || !c.trim ){ if (!c || !c.trim) {
return c; return c;
} }
c = c.trim(); c = c.trim();
c = c.replace( /\s*\(\s*/g, "( " ); c = c.replace(/\s*\(\s*/g, '( ');
c = c.replace( /\s*\)\s*/g, " )" ); c = c.replace(/\s*\)\s*/g, ' )');
c = c.replace( /\s*,\s*/g, ", " ); c = c.replace(/\s*,\s*/g, ', ');
c = c.replace( /0*\./g, "." ); c = c.replace(/0*\./g, '.');
c = c.replace( / +/g, " " ); c = c.replace(/ +/g, ' ');
return c; return c;
}, },
getColorValue: function( c ){ getColorValue: function (c) {
return this.normalizeColor( getComputedStyle( document.documentElement ).getPropertyValue( '--INTERNAL-'+c ) ); return this.normalizeColor(getComputedStyle(document.documentElement).getPropertyValue('--INTERNAL-' + c));
}, },
getColorProperty: function( c, read_style ){ getColorProperty: function (c, read_style) {
var e = this.findColor( c ); var e = this.findColor(c);
var p = this.normalizeColor( read_style.getPropertyValue( '--'+c ) ).replace( '--INTERNAL-', '--' ); var p = this.normalizeColor(read_style.getPropertyValue('--' + c)).replace('--INTERNAL-', '--');
return p; return p;
}, },
findLoadedStylesheet: function( id ){ findLoadedStylesheet: function (id) {
for( var n = 0; n < document.styleSheets.length; ++n ){ for (var n = 0; n < document.styleSheets.length; ++n) {
if( document.styleSheets[n].ownerNode.id == id ){ if (document.styleSheets[n].ownerNode.id == id) {
var s = document.styleSheets[n]; var s = document.styleSheets[n];
if( s.rules && s.rules.length ){ if (s.rules && s.rules.length) {
for( var m = 0; m < s.rules.length; ++m ){ for (var m = 0; m < s.rules.length; ++m) {
if( s.rules[m].selectorText == ':root' ){ if (s.rules[m].selectorText == ':root') {
return s.rules[m].style; return s.rules[m].style;
} }
if( s.rules[m].cssRules && s.rules[m].cssRules.length ){ if (s.rules[m].cssRules && s.rules[m].cssRules.length) {
for( var o = 0; o < s.rules[m].cssRules.length; ++o ){ for (var o = 0; o < s.rules[m].cssRules.length; ++o) {
if( s.rules[m].cssRules[o].selectorText == ':root' ){ if (s.rules[m].cssRules[o].selectorText == ':root') {
return s.rules[m].cssRules[o].style; return s.rules[m].cssRules[o].style;
} }
} }
@ -309,144 +338,149 @@ var variants = {
return null; return null;
}, },
changeColor: function( c, without_prompt ){ changeColor: function (c, without_prompt) {
var with_prompt = !(without_prompt || false); var with_prompt = !(without_prompt || false);
var read_style = this.findLoadedStylesheet( 'R-custom-variant-style' ); var read_style = this.findLoadedStylesheet('R-custom-variant-style');
var write_style = this.findLoadedStylesheet( 'R-variant-style' ); var write_style = this.findLoadedStylesheet('R-variant-style');
if( !read_style ){ if (!read_style) {
read_style = write_style; read_style = write_style;
} }
if( !read_style ){ if (!read_style) {
if( with_prompt ){ if (with_prompt) {
alert( 'An auto mode variant can not be changed. Please select its light/dark variant directly to make changes' ); alert('An auto mode variant can not be changed. Please select its light/dark variant directly to make changes');
} }
return; return;
} }
var e = this.findColor( c ); var e = this.findColor(c);
var v = this.getColorProperty( c, read_style ); var v = this.getColorProperty(c, read_style);
var n = ''; var n = '';
if( !with_prompt ){ if (!with_prompt) {
n = v; n = v;
} } else {
else{
var t = c + '\n\n' + e.tooltip + '\n'; var t = c + '\n\n' + e.tooltip + '\n';
if( e.fallback ){ if (e.fallback) {
t += '\nInherits value "' + this.getColorValue(e.fallback) + '" from ' + e.fallback + ' if not set\n'; t += '\nInherits value "' + this.getColorValue(e.fallback) + '" from ' + e.fallback + ' if not set\n';
} } else if (e.default) {
else if( e.default ){
t += '\nDefaults to value "' + this.normalizeColor(e.default) + '" if not set\n'; t += '\nDefaults to value "' + this.normalizeColor(e.default) + '" if not set\n';
} }
n = prompt( t, v ); n = prompt(t, v);
if( n === null ){ if (n === null) {
// user canceld operation // user canceld operation
return; return;
} }
} }
if( n ){ if (n) {
// value set to specific value // value set to specific value
n = this.normalizeColor( n ).replace( '--INTERNAL-', '--' ).replace( '--', '--INTERNAL-' ); n = this.normalizeColor(n).replace('--INTERNAL-', '--').replace('--', '--INTERNAL-');
if( !with_prompt || n != v ){ if (!with_prompt || n != v) {
write_style.setProperty( '--'+c, n ); write_style.setProperty('--' + c, n);
} }
} } else {
else{
// value emptied, so delete it // value emptied, so delete it
write_style.removeProperty( '--'+c ); write_style.removeProperty('--' + c);
} }
if( with_prompt ){ if (with_prompt) {
this.saveCustomVariant(); this.saveCustomVariant();
} }
}, },
findColor: function( name ){ findColor: function (name) {
var f = this.variantvariables.find( function( x ){ var f = this.variantvariables.find(function (x) {
return x.name == name; return x.name == name;
}); });
return f; return f;
}, },
generateColorVariable: function( e, read_style ){ generateColorVariable: function (e, read_style) {
var v = ''; var v = '';
var gen = this.getColorProperty( e.name, read_style ); var gen = this.getColorProperty(e.name, read_style);
if( gen ){ if (gen) {
v += ' --' + e.name + ': ' + gen + '; /* ' + e.tooltip + ' */\n'; v += ' --' + e.name + ': ' + gen + '; /* ' + e.tooltip + ' */\n';
} }
return v; return v;
}, },
generateStylesheet: function(){ generateStylesheet: function () {
var read_style = this.findLoadedStylesheet( 'R-custom-variant-style' ); var read_style = this.findLoadedStylesheet('R-custom-variant-style');
var write_style = this.findLoadedStylesheet( 'R-variant-style' ); var write_style = this.findLoadedStylesheet('R-variant-style');
if( !read_style ){ if (!read_style) {
read_style = write_style; read_style = write_style;
} }
if( !read_style ){ if (!read_style) {
return; return;
} }
var style = var style =
'/* ' + this.customvariantname + ' */\n' + '/* ' +
this.customvariantname +
' */\n' +
':root {\n' + ':root {\n' +
this.variantvariables.reduce( function( a, e ){ return a + this.generateColorVariable( e, read_style ); }.bind( this ), '' ) + this.variantvariables.reduce(
function (a, e) {
return a + this.generateColorVariable(e, read_style);
}.bind(this),
''
) +
'}\n'; '}\n';
console.log( style ); console.log(style);
return style; return style;
}, },
styleGraphGroup: function( selector, colorvar ){ styleGraphGroup: function (selector, colorvar) {
this.adjustCSSRules( '#R-body svg '+selector+' > rect', 'color: var(--INTERNAL-'+colorvar+'); fill: var(--INTERNAL-'+colorvar+'); stroke: #80808080;' ); this.adjustCSSRules('#R-body svg ' + selector + ' > rect', 'color: var(--INTERNAL-' + colorvar + '); fill: var(--INTERNAL-' + colorvar + '); stroke: #80808080;');
this.adjustCSSRules( '#R-body svg '+selector+' > .label .nodeLabel', 'color: var(--INTERNAL-'+colorvar+'); fill: var(--INTERNAL-'+colorvar+'); stroke: #80808080;' ); this.adjustCSSRules('#R-body svg ' + selector + ' > .label .nodeLabel', 'color: var(--INTERNAL-' + colorvar + '); fill: var(--INTERNAL-' + colorvar + '); stroke: #80808080;');
this.adjustCSSRules( '#R-body svg '+selector+' > .cluster-label .nodeLabel', 'color: var(--INTERNAL-'+colorvar+'); fill: var(--INTERNAL-'+colorvar+'); stroke: #80808080;' ); this.adjustCSSRules('#R-body svg ' + selector + ' > .cluster-label .nodeLabel', 'color: var(--INTERNAL-' + colorvar + '); fill: var(--INTERNAL-' + colorvar + '); stroke: #80808080;');
this.adjustCSSRules( '#R-body svg '+selector+' .nodeLabel', 'filter: grayscale(1) invert(1) contrast(10000);' ); this.adjustCSSRules('#R-body svg ' + selector + ' .nodeLabel', 'filter: grayscale(1) invert(1) contrast(10000);');
}, },
styleGraph: function(){ styleGraph: function () {
this.variantvariables.forEach( function( e ){ this.variantvariables.forEach(
this.styleGraphGroup( '.'+e.name, e.name ); function (e) {
}.bind( this ) ); this.styleGraphGroup('.' + e.name, e.name);
this.styleGraphGroup( '#maincontent', 'MAIN-BG-color' ); }.bind(this)
this.styleGraphGroup( '#mainheadings', 'MAIN-BG-color' ); );
this.styleGraphGroup( '#code', 'CODE-BLOCK-BG-color' ); this.styleGraphGroup('#maincontent', 'MAIN-BG-color');
this.styleGraphGroup( '#inlinecode', 'CODE-INLINE-BG-color' ); this.styleGraphGroup('#mainheadings', 'MAIN-BG-color');
this.styleGraphGroup( '#blockcode', 'CODE-BLOCK-BG-color' ); this.styleGraphGroup('#code', 'CODE-BLOCK-BG-color');
this.styleGraphGroup( '#thirdparty', 'MAIN-BG-color' ); this.styleGraphGroup('#inlinecode', 'CODE-INLINE-BG-color');
this.styleGraphGroup( '#coloredboxes', 'BOX-BG-color' ); this.styleGraphGroup('#blockcode', 'CODE-BLOCK-BG-color');
this.styleGraphGroup( '#menu', 'MENU-SECTIONS-BG-color' ); this.styleGraphGroup('#thirdparty', 'MAIN-BG-color');
this.styleGraphGroup( '#menuheader', 'MENU-HEADER-BG-color' ); this.styleGraphGroup('#coloredboxes', 'BOX-BG-color');
this.styleGraphGroup( '#menusections', 'MENU-SECTIONS-ACTIVE-BG-color' ); this.styleGraphGroup('#menu', 'MENU-SECTIONS-BG-color');
this.styleGraphGroup('#menuheader', 'MENU-HEADER-BG-color');
this.styleGraphGroup('#menusections', 'MENU-SECTIONS-ACTIVE-BG-color');
}, },
generateGraphGroupedEdge: function( e ){ generateGraphGroupedEdge: function (e) {
var edge = ''; var edge = '';
if( e.fallback && e.group == this.findColor( e.fallback ).group ){ if (e.fallback && e.group == this.findColor(e.fallback).group) {
edge += e.fallback+':::'+e.fallback+' --> '+e.name+':::'+e.name; edge += e.fallback + ':::' + e.fallback + ' --> ' + e.name + ':::' + e.name;
} } else {
else{ edge += e.name + ':::' + e.name;
edge += e.name+':::'+e.name;
} }
return edge; return edge;
}, },
generateGraphVarGroupedEdge: function( e ){ generateGraphVarGroupedEdge: function (e) {
var edge = ''; var edge = '';
if( e.fallback && e.group != this.findColor( e.fallback ).group ){ if (e.fallback && e.group != this.findColor(e.fallback).group) {
edge += ' ' + e.fallback+':::'+e.fallback+' --> '+e.name+':::'+e.name + '\n'; edge += ' ' + e.fallback + ':::' + e.fallback + ' --> ' + e.name + ':::' + e.name + '\n';
} }
return edge; return edge;
}, },
generateGraph: function(){ generateGraph: function () {
var g_groups = {}; var g_groups = {};
var g_handler = ''; var g_handler = '';
this.variantvariables.forEach( function( e ){ this.variantvariables.forEach(function (e) {
var group = e.group || ' '; var group = e.group || ' ';
g_groups[ group ] = ( g_groups[ group ] || [] ).concat( e ); g_groups[group] = (g_groups[group] || []).concat(e);
g_handler += ' click '+e.name+' variants.changeColor\n'; g_handler += ' click ' + e.name + ' variants.changeColor\n';
}); });
var graph = var graph =
@ -455,152 +489,202 @@ var variants = {
' direction TB\n' + ' direction TB\n' +
' subgraph menuheader["header"]\n' + ' subgraph menuheader["header"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'header' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['header'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' subgraph menusections["sections"]\n' + ' subgraph menusections["sections"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'sections' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['sections'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' end\n' + ' end\n' +
' subgraph maincontent["content"]\n' + ' subgraph maincontent["content"]\n' +
' direction TB\n' + ' direction TB\n' +
g_groups[ 'content' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['content'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' subgraph mainheadings["headings"]\n' + ' subgraph mainheadings["headings"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'headings' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['headings'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' subgraph code["code"]\n' + ' subgraph code["code"]\n' +
' direction TB\n' + ' direction TB\n' +
g_groups[ 'code' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['code'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' subgraph inlinecode["inline code"]\n' + ' subgraph inlinecode["inline code"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'inline code' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['inline code'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' subgraph blockcode["code blocks"]\n' + ' subgraph blockcode["code blocks"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'code blocks' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['code blocks'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' end\n' + ' end\n' +
' subgraph thirdparty["3rd party"]\n' + ' subgraph thirdparty["3rd party"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ '3rd party' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['3rd party'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' subgraph coloredboxes["colored boxes"]\n' + ' subgraph coloredboxes["colored boxes"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'colored boxes' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['colored boxes'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' end\n' + ' end\n' +
this.variantvariables.reduce( function( a, e ){ return a + this.generateGraphVarGroupedEdge( e ); }.bind( this ), '' ) + this.variantvariables.reduce(
function (a, e) {
return a + this.generateGraphVarGroupedEdge(e);
}.bind(this),
''
) +
g_handler; g_handler;
console.log( graph ); console.log(graph);
return graph; return graph;
}, },
variantvariables: [ variantvariables: [
{ name: 'PRIMARY-color', group: 'content', fallback: 'MENU-HEADER-BG-color', tooltip: 'brand primary color', }, { name: 'PRIMARY-color', group: 'content', fallback: 'MENU-HEADER-BG-color', tooltip: 'brand primary color' },
{ name: 'SECONDARY-color', group: 'content', fallback: 'MAIN-LINK-color', tooltip: 'brand secondary color', }, { name: 'SECONDARY-color', group: 'content', fallback: 'MAIN-LINK-color', tooltip: 'brand secondary color' },
{ name: 'ACCENT-color', group: 'content', default: '#ffff00', tooltip: 'brand accent color, used for search highlights', }, { name: 'ACCENT-color', group: 'content', default: '#ffff00', tooltip: 'brand accent color, used for search highlights' },
{ name: 'MAIN-TOPBAR-BORDER-color', group: 'content', default: 'transparent', tooltip: 'border color between topbar and content', }, { name: 'MAIN-TOPBAR-BORDER-color', group: 'content', default: 'transparent', tooltip: 'border color between topbar and content' },
{ name: 'MAIN-LINK-color', group: 'content', fallback: 'SECONDARY-color', tooltip: 'link color of content', }, { name: 'MAIN-LINK-color', group: 'content', fallback: 'SECONDARY-color', tooltip: 'link color of content' },
{ name: 'MAIN-LINK-HOVER-color', group: 'content', fallback: 'MAIN-LINK-color', tooltip: 'hoverd link color of content', }, { name: 'MAIN-LINK-HOVER-color', group: 'content', fallback: 'MAIN-LINK-color', tooltip: 'hoverd link color of content' },
{ name: 'MAIN-BG-color', group: 'content', default: '#ffffff', tooltip: 'background color of content', }, { name: 'MAIN-BG-color', group: 'content', default: '#ffffff', tooltip: 'background color of content' },
{ name: 'TAG-BG-color', group: 'content', fallback: 'PRIMARY-color', tooltip: 'tag color', }, { name: 'TAG-BG-color', group: 'content', fallback: 'PRIMARY-color', tooltip: 'tag color' },
{ name: 'MAIN-TEXT-color', group: 'content', default: '#101010', tooltip: 'text color of content and h1 titles', }, { name: 'MAIN-TEXT-color', group: 'content', default: '#101010', tooltip: 'text color of content and h1 titles' },
{ name: 'MAIN-TITLES-TEXT-color', group: 'headings', fallback: 'MAIN-TEXT-color', tooltip: 'text color of h2-h6 titles and transparent box titles', }, { name: 'MAIN-TITLES-TEXT-color', group: 'headings', fallback: 'MAIN-TEXT-color', tooltip: 'text color of h2-h6 titles and transparent box titles' },
{ name: 'MAIN-TITLES-H1-TEXT-color', group: 'headings', fallback: 'MAIN-TEXT-color', tooltip: 'text color of h1 titles', }, { name: 'MAIN-TITLES-H1-TEXT-color', group: 'headings', fallback: 'MAIN-TEXT-color', tooltip: 'text color of h1 titles' },
{ name: 'MAIN-TITLES-H2-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-TEXT-color', tooltip: 'text color of h2-h6 titles', }, { name: 'MAIN-TITLES-H2-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-TEXT-color', tooltip: 'text color of h2-h6 titles' },
{ name: 'MAIN-TITLES-H3-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H2-TEXT-color', tooltip: 'text color of h3-h6 titles', }, { name: 'MAIN-TITLES-H3-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H2-TEXT-color', tooltip: 'text color of h3-h6 titles' },
{ name: 'MAIN-TITLES-H4-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H3-TEXT-color', tooltip: 'text color of h4-h6 titles', }, { name: 'MAIN-TITLES-H4-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H3-TEXT-color', tooltip: 'text color of h4-h6 titles' },
{ name: 'MAIN-TITLES-H5-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H4-TEXT-color', tooltip: 'text color of h5-h6 titles', }, { name: 'MAIN-TITLES-H5-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H4-TEXT-color', tooltip: 'text color of h5-h6 titles' },
{ name: 'MAIN-TITLES-H6-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H5-TEXT-color', tooltip: 'text color of h6 titles', }, { name: 'MAIN-TITLES-H6-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H5-TEXT-color', tooltip: 'text color of h6 titles' },
{ name: 'MAIN-font', group: 'content', default: '"Roboto Flex", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif', tooltip: 'text font of content and h1 titles', }, { name: 'MAIN-font', group: 'content', default: '"Roboto Flex", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif', tooltip: 'text font of content and h1 titles' },
{ name: 'MAIN-TITLES-font', group: 'headings', fallback: 'MAIN-font', tooltip: 'text font of h2-h6 titles and transparent box titles', }, { name: 'MAIN-TITLES-font', group: 'headings', fallback: 'MAIN-font', tooltip: 'text font of h2-h6 titles and transparent box titles' },
{ name: 'MAIN-TITLES-H1-font', group: 'headings', fallback: 'MAIN-font', tooltip: 'text font of h1 titles', }, { name: 'MAIN-TITLES-H1-font', group: 'headings', fallback: 'MAIN-font', tooltip: 'text font of h1 titles' },
{ name: 'MAIN-TITLES-H2-font', group: 'headings', fallback: 'MAIN-TITLES-font', tooltip: 'text font of h2-h6 titles', }, { name: 'MAIN-TITLES-H2-font', group: 'headings', fallback: 'MAIN-TITLES-font', tooltip: 'text font of h2-h6 titles' },
{ name: 'MAIN-TITLES-H3-font', group: 'headings', fallback: 'MAIN-TITLES-H2-font', tooltip: 'text font of h3-h6 titles', }, { name: 'MAIN-TITLES-H3-font', group: 'headings', fallback: 'MAIN-TITLES-H2-font', tooltip: 'text font of h3-h6 titles' },
{ name: 'MAIN-TITLES-H4-font', group: 'headings', fallback: 'MAIN-TITLES-H3-font', tooltip: 'text font of h4-h6 titles', }, { name: 'MAIN-TITLES-H4-font', group: 'headings', fallback: 'MAIN-TITLES-H3-font', tooltip: 'text font of h4-h6 titles' },
{ name: 'MAIN-TITLES-H5-font', group: 'headings', fallback: 'MAIN-TITLES-H4-font', tooltip: 'text font of h5-h6 titles', }, { 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: '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 stylesheet 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-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-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', }, { 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' },
{ name: 'CODE-BLOCK-BORDER-color', group: 'code blocks', fallback: 'CODE-BLOCK-BG-color', tooltip: 'border color of block code', }, { name: 'CODE-BLOCK-BORDER-color', group: 'code blocks', fallback: 'CODE-BLOCK-BG-color', tooltip: 'border color of block code' },
{ name: 'CODE-INLINE-color', group: 'inline code', default: '#5e5e5e', tooltip: 'text color of inline code', }, { name: 'CODE-INLINE-color', group: 'inline code', default: '#5e5e5e', tooltip: 'text color of inline code' },
{ name: 'CODE-INLINE-BG-color', group: 'inline code', default: '#fffae9', tooltip: 'background color of inline code', }, { name: 'CODE-INLINE-BG-color', group: 'inline code', default: '#fffae9', tooltip: 'background color of inline code' },
{ name: 'CODE-INLINE-BORDER-color', group: 'inline code', default: '#fbf0cb', tooltip: 'border color of inline code', }, { name: 'CODE-INLINE-BORDER-color', group: 'inline code', default: '#fbf0cb', tooltip: 'border color of inline code' },
{ name: 'BROWSER-theme', group: '3rd party', default: 'light', tooltip: 'name of the theme for browser scrollbars of the main section', }, { name: 'BROWSER-theme', group: '3rd party', default: 'light', tooltip: 'name of the theme for browser scrollbars of the main section' },
{ name: 'MERMAID-theme', group: '3rd party', default: 'default', tooltip: 'name of the default Mermaid theme for this variant, can be overridden in hugo.toml', }, { name: 'MERMAID-theme', group: '3rd party', default: 'default', tooltip: 'name of the default Mermaid theme for this variant, can be overridden in hugo.toml' },
{ name: 'OPENAPI-theme', group: '3rd party', default: 'light', tooltip: 'name of the default OpenAPI theme for this variant, can be overridden in hugo.toml', }, { name: 'OPENAPI-theme', group: '3rd party', default: 'light', tooltip: 'name of the default OpenAPI theme for this variant, can be overridden in hugo.toml' },
{ name: 'OPENAPI-CODE-theme', group: '3rd party', default: 'obsidian', tooltip: 'name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml', }, { name: 'OPENAPI-CODE-theme', group: '3rd party', default: 'obsidian', tooltip: 'name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml' },
{ name: 'MENU-BORDER-color', group: 'header', default: 'transparent', tooltip: 'border color between menu and content', }, { name: 'MENU-BORDER-color', group: 'header', default: 'transparent', tooltip: 'border color between menu and content' },
{ name: 'MENU-TOPBAR-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color', tooltip: 'border color of vertical line between menu and topbar', }, { name: 'MENU-TOPBAR-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color', tooltip: 'border color of vertical line between menu and topbar' },
{ name: 'MENU-TOPBAR-SEPARATOR-color', group: 'header', default: 'transparent', tooltip: 'separator color of vertical line between menu and topbar', }, { name: 'MENU-TOPBAR-SEPARATOR-color', group: 'header', default: 'transparent', tooltip: 'separator color of vertical line between menu and topbar' },
{ name: 'MENU-HEADER-BG-color', group: 'header', fallback: 'PRIMARY-color', tooltip: 'background color of menu header', }, { name: 'MENU-HEADER-BG-color', group: 'header', fallback: 'PRIMARY-color', tooltip: 'background color of menu header' },
{ name: 'MENU-HEADER-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color', tooltip: 'border color between menu header and menu', }, { name: 'MENU-HEADER-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color', tooltip: 'border color between menu header and menu' },
{ name: 'MENU-HEADER-SEPARATOR-color', group: 'header', fallback: 'MENU-HEADER-BORDER-color', tooltip: 'separator color between menu header and menu', }, { name: 'MENU-HEADER-SEPARATOR-color', group: 'header', fallback: 'MENU-HEADER-BORDER-color', tooltip: 'separator color between menu header and menu' },
{ name: 'MENU-HOME-LINK-color', group: 'header', default: '#323232', tooltip: 'home button color if configured', }, { name: 'MENU-HOME-LINK-color', group: 'header', default: '#323232', tooltip: 'home button color if configured' },
{ name: 'MENU-HOME-LINK-HOVER-color', group: 'header', default: '#808080', tooltip: 'hoverd home button color if configured', }, { name: 'MENU-HOME-LINK-HOVER-color', group: 'header', default: '#808080', tooltip: 'hoverd home button color if configured' },
{ name: 'MENU-SEARCH-color', group: 'header', default: '#e0e0e0', tooltip: 'text and icon color of search box', }, { name: 'MENU-SEARCH-color', group: 'header', default: '#e0e0e0', tooltip: 'text and icon color of search box' },
{ name: 'MENU-SEARCH-BG-color', group: 'header', default: '#323232', tooltip: 'background color of search box', }, { name: 'MENU-SEARCH-BG-color', group: 'header', default: '#323232', tooltip: 'background color of search box' },
{ name: 'MENU-SEARCH-BORDER-color', group: 'header', fallback: 'MENU-SEARCH-BG-color', tooltip: 'border color of search box', }, { name: 'MENU-SEARCH-BORDER-color', group: 'header', fallback: 'MENU-SEARCH-BG-color', tooltip: 'border color of search box' },
{ name: 'MENU-SECTIONS-BG-color', group: 'sections', default: '#282828', tooltip: 'background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc.', }, { name: 'MENU-SECTIONS-BG-color', group: 'sections', default: '#282828', tooltip: 'background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc.' },
{ name: 'MENU-SECTIONS-ACTIVE-BG-color', group: 'sections', default: 'rgba( 0, 0, 0, .166 )', tooltip: 'background color of the active menu section', }, { name: 'MENU-SECTIONS-ACTIVE-BG-color', group: 'sections', default: 'rgba( 0, 0, 0, .166 )', tooltip: 'background color of the active menu section' },
{ name: 'MENU-SECTIONS-LINK-color', group: 'sections', default: '#bababa', tooltip: 'link color of menu topics', }, { name: 'MENU-SECTIONS-LINK-color', group: 'sections', default: '#bababa', tooltip: 'link color of menu topics' },
{ name: 'MENU-SECTIONS-LINK-HOVER-color', group: 'sections', fallback: 'MENU-SECTIONS-LINK-color', tooltip: 'hoverd link color of menu topics', }, { name: 'MENU-SECTIONS-LINK-HOVER-color', group: 'sections', fallback: 'MENU-SECTIONS-LINK-color', tooltip: 'hoverd link color of menu topics' },
{ name: 'MENU-SECTION-ACTIVE-CATEGORY-color', group: 'sections', default: '#444444', tooltip: 'text color of the displayed menu topic', }, { name: 'MENU-SECTION-ACTIVE-CATEGORY-color', group: 'sections', default: '#444444', tooltip: 'text color of the displayed menu topic' },
{ name: 'MENU-SECTION-ACTIVE-CATEGORY-BG-color', group: 'sections', fallback: 'MAIN-BG-color', tooltip: 'background color of the displayed menu topic', }, { name: 'MENU-SECTION-ACTIVE-CATEGORY-BG-color', group: 'sections', fallback: 'MAIN-BG-color', tooltip: 'background color of the displayed menu topic' },
{ name: 'MENU-SECTION-ACTIVE-CATEGORY-BORDER-color', group: 'sections', default: 'transparent', tooltip: 'border color between the displayed menu topic and the content', }, { name: 'MENU-SECTION-ACTIVE-CATEGORY-BORDER-color', group: 'sections', default: 'transparent', tooltip: 'border color between the displayed menu topic and the content' },
{ name: 'MENU-SECTION-SEPARATOR-color', group: 'sections', default: '#606060', tooltip: 'separator color between menu sections and menu footer', }, { name: 'MENU-SECTION-SEPARATOR-color', group: 'sections', default: '#606060', tooltip: 'separator color between menu sections and menu footer' },
{ name: 'MENU-VISITED-color', group: 'sections', fallback: 'SECONDARY-color', tooltip: 'icon color of visited menu topics if configured', }, { name: 'MENU-VISITED-color', group: 'sections', fallback: 'SECONDARY-color', tooltip: 'icon color of visited menu topics if configured' },
{ name: 'BOX-CAPTION-color', group: 'colored boxes', default: 'rgba( 255, 255, 255, 1 )', tooltip: 'text color of colored box titles', }, { name: 'BOX-CAPTION-color', group: 'colored boxes', default: 'rgba( 255, 255, 255, 1 )', tooltip: 'text color of colored box titles' },
{ name: 'BOX-BG-color', group: 'colored boxes', default: 'rgba( 255, 255, 255, .833 )', tooltip: 'background color of colored boxes', }, { name: 'BOX-BG-color', group: 'colored boxes', default: 'rgba( 255, 255, 255, .833 )', tooltip: 'background color of colored boxes' },
{ name: 'BOX-TEXT-color', group: 'colored boxes', fallback: 'MAIN-TEXT-color', tooltip: 'text color of colored box content', }, { name: 'BOX-TEXT-color', group: 'colored boxes', fallback: 'MAIN-TEXT-color', tooltip: 'text color of colored box content' },
{ name: 'BOX-BLUE-color', group: 'colored boxes', default: 'rgba( 48, 117, 229, 1 )', tooltip: 'background color of blue boxes', }, { name: 'BOX-BLUE-color', group: 'colored boxes', default: 'rgba( 48, 117, 229, 1 )', tooltip: 'background color of blue boxes' },
{ name: 'BOX-INFO-color', group: 'colored boxes', fallback: 'BOX-BLUE-color', tooltip: 'background color of info boxes', }, { name: 'BOX-INFO-color', group: 'colored boxes', fallback: 'BOX-BLUE-color', tooltip: 'background color of info boxes' },
{ name: 'BOX-BLUE-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of blue boxes', }, { name: 'BOX-BLUE-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of blue boxes' },
{ name: 'BOX-INFO-TEXT-color', group: 'colored boxes', fallback: 'BOX-BLUE-TEXT-color', tooltip: 'text color of info boxes', }, { name: 'BOX-INFO-TEXT-color', group: 'colored boxes', fallback: 'BOX-BLUE-TEXT-color', tooltip: 'text color of info boxes' },
{ name: 'BOX-CYAN-color', group: 'colored boxes', default: 'rgba( 45, 190, 200, 1 )', tooltip: 'background color of cyan boxes', }, { name: 'BOX-CYAN-color', group: 'colored boxes', default: 'rgba( 45, 190, 200, 1 )', tooltip: 'background color of cyan boxes' },
{ name: 'BOX-IMPORTANT-color', group: 'colored boxes', fallback: 'BOX-CYAN-color', tooltip: 'background color of info boxes', }, { name: 'BOX-IMPORTANT-color', group: 'colored boxes', fallback: 'BOX-CYAN-color', tooltip: 'background color of info boxes' },
{ name: 'BOX-CYAN-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of cyan boxes', }, { name: 'BOX-CYAN-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of cyan boxes' },
{ name: 'BOX-IMPORTANT-TEXT-color', group: 'colored boxes', fallback: 'BOX-CYAN-TEXT-color', tooltip: 'text color of info boxes', }, { name: 'BOX-IMPORTANT-TEXT-color', group: 'colored boxes', fallback: 'BOX-CYAN-TEXT-color', tooltip: 'text color of info boxes' },
{ name: 'BOX-GREEN-color', group: 'colored boxes', default: 'rgba( 42, 178, 24, 1 )', tooltip: 'background color of green boxes', }, { name: 'BOX-GREEN-color', group: 'colored boxes', default: 'rgba( 42, 178, 24, 1 )', tooltip: 'background color of green boxes' },
{ name: 'BOX-TIP-color', group: 'colored boxes', fallback: 'BOX-GREEN-color', tooltip: 'background color of tip boxes', }, { name: 'BOX-TIP-color', group: 'colored boxes', fallback: 'BOX-GREEN-color', tooltip: 'background color of tip boxes' },
{ name: 'BOX-GREEN-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of green boxes', }, { name: 'BOX-GREEN-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of green boxes' },
{ name: 'BOX-TIP-TEXT-color', group: 'colored boxes', fallback: 'BOX-GREEN-TEXT-color', tooltip: 'text color of tip boxes', }, { name: 'BOX-TIP-TEXT-color', group: 'colored boxes', fallback: 'BOX-GREEN-TEXT-color', tooltip: 'text color of tip boxes' },
{ name: 'BOX-GREY-color', group: 'colored boxes', default: 'rgba( 128, 128, 128, 1 )', tooltip: 'background color of grey boxes', }, { name: 'BOX-GREY-color', group: 'colored boxes', default: 'rgba( 128, 128, 128, 1 )', tooltip: 'background color of grey boxes' },
{ name: 'BOX-NEUTRAL-color', group: 'colored boxes', fallback: 'BOX-GREY-color', tooltip: 'background color of neutral boxes', }, { name: 'BOX-NEUTRAL-color', group: 'colored boxes', fallback: 'BOX-GREY-color', tooltip: 'background color of neutral boxes' },
{ name: 'BOX-GREY-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of grey boxes', }, { name: 'BOX-GREY-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of grey boxes' },
{ name: 'BOX-NEUTRAL-TEXT-color', group: 'colored boxes', fallback: 'BOX-GREY-TEXT-color', tooltip: 'text color of neutral boxes', }, { name: 'BOX-NEUTRAL-TEXT-color', group: 'colored boxes', fallback: 'BOX-GREY-TEXT-color', tooltip: 'text color of neutral boxes' },
{ name: 'BOX-MAGENTA-color', group: 'colored boxes', default: 'rgba( 229, 50, 210, 1 )', tooltip: 'background color of magenta boxes', }, { name: 'BOX-MAGENTA-color', group: 'colored boxes', default: 'rgba( 229, 50, 210, 1 )', tooltip: 'background color of magenta boxes' },
{ name: 'BOX-CAUTION-color', group: 'colored boxes', fallback: 'BOX-MAGENTA-color', tooltip: 'background color of info boxes', }, { name: 'BOX-CAUTION-color', group: 'colored boxes', fallback: 'BOX-MAGENTA-color', tooltip: 'background color of info boxes' },
{ name: 'BOX-MAGENTA-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of magenta boxes', }, { name: 'BOX-MAGENTA-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of magenta boxes' },
{ name: 'BOX-CAUTION-TEXT-color', group: 'colored boxes', fallback: 'BOX-MAGENTA-TEXT-color', tooltip: 'text color of info boxes', }, { name: 'BOX-CAUTION-TEXT-color', group: 'colored boxes', fallback: 'BOX-MAGENTA-TEXT-color', tooltip: 'text color of info boxes' },
{ name: 'BOX-ORANGE-color', group: 'colored boxes', default: 'rgba( 237, 153, 9, 1 )', tooltip: 'background color of orange boxes', }, { name: 'BOX-ORANGE-color', group: 'colored boxes', default: 'rgba( 237, 153, 9, 1 )', tooltip: 'background color of orange boxes' },
{ name: 'BOX-NOTE-color', group: 'colored boxes', fallback: 'BOX-ORANGE-color', tooltip: 'background color of note boxes', }, { name: 'BOX-NOTE-color', group: 'colored boxes', fallback: 'BOX-ORANGE-color', tooltip: 'background color of note boxes' },
{ name: 'BOX-ORANGE-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of orange boxes', }, { name: 'BOX-ORANGE-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of orange boxes' },
{ name: 'BOX-NOTE-TEXT-color', group: 'colored boxes', fallback: 'BOX-ORANGE-TEXT-color', tooltip: 'text color of note boxes', }, { name: 'BOX-NOTE-TEXT-color', group: 'colored boxes', fallback: 'BOX-ORANGE-TEXT-color', tooltip: 'text color of note boxes' },
{ name: 'BOX-RED-color', group: 'colored boxes', default: 'rgba( 224, 62, 62, 1 )', tooltip: 'background color of red boxes', }, { name: 'BOX-RED-color', group: 'colored boxes', default: 'rgba( 224, 62, 62, 1 )', tooltip: 'background color of red boxes' },
{ name: 'BOX-WARNING-color', group: 'colored boxes', fallback: 'BOX-RED-color', tooltip: 'background color of warning boxes', }, { name: 'BOX-WARNING-color', group: 'colored boxes', fallback: 'BOX-RED-color', tooltip: 'background color of warning boxes' },
{ name: 'BOX-RED-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of red boxes', }, { name: 'BOX-RED-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of red boxes' },
{ name: 'BOX-WARNING-TEXT-color', group: 'colored boxes', fallback: 'BOX-RED-TEXT-color', tooltip: 'text color of warning boxes', }, { name: 'BOX-WARNING-TEXT-color', group: 'colored boxes', fallback: 'BOX-RED-TEXT-color', tooltip: 'text color of warning boxes' },
], ],
}; };

345
vscode-frontmatter/snippets.de.json
View file

@ -1,9 +1,7 @@
{ {
"frontMatter.content.snippets": { "frontMatter.content.snippets": {
"Badge": { "Badge": {
"body": [ "body": ["{{% badge title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}[[&content]]{{% /badge %}}"],
"{{% badge title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}[[&content]]{{% /badge %}}"
],
"description": "Zeigt einen kleinen Marker im Text an", "description": "Zeigt einen kleinen Marker im Text an",
"fields": [ "fields": [
{ {
@ -19,28 +17,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Stil-Schema", "title": "Stil-Schema",
@ -61,9 +38,7 @@
] ]
}, },
"Button": { "Button": {
"body": [ "body": ["{{% button href=\"[[&href]]\" target=\"[[&target]]\" type=\"[[&type]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" iconposition=\"[[&iconposition]]\" %}}[[&content]]{{% /button %}}"],
"{{% button href=\"[[&href]]\" target=\"[[&target]]\" type=\"[[&type]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" iconposition=\"[[&iconposition]]\" %}}[[&content]]{{% /button %}}"
],
"description": "Zeigt eine anklickbare Schaltfläche an", "description": "Zeigt eine anklickbare Schaltfläche an",
"fields": [ "fields": [
{ {
@ -91,28 +66,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Stil-Schema", "title": "Stil-Schema",
@ -131,11 +85,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "right"],
"",
"left",
"right"
],
"default": "", "default": "",
"name": "iconposition", "name": "iconposition",
"title": "Position des Icons", "title": "Position des Icons",
@ -144,17 +94,11 @@
] ]
}, },
"Children": { "Children": {
"body": [ "body": ["{{% children description=\"[[&description]]\" depth=\"[[&depth]]\" sort=\"[[&sort]]\" showhidden=\"[[&showhidden]]\" containerstyle=\"[[&containerstyle]]\" style=\"[[&style]]\" %}}"],
"{{% children description=\"[[&description]]\" depth=\"[[&depth]]\" sort=\"[[&sort]]\" showhidden=\"[[&showhidden]]\" containerstyle=\"[[&containerstyle]]\" style=\"[[&style]]\" %}}"
],
"description": "Zeigt eine Liste der Unterseiten dieser Seite an", "description": "Zeigt eine Liste der Unterseiten dieser Seite an",
"fields": [ "fields": [
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "description", "name": "description",
"title": "Unterseiten-Beschreibung anzeigen", "title": "Unterseiten-Beschreibung anzeigen",
@ -173,11 +117,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "showhidden", "name": "showhidden",
"title": "Versteckte Unterseiten anzeigen", "title": "Versteckte Unterseiten anzeigen",
@ -198,9 +138,7 @@
] ]
}, },
"Expand": { "Expand": {
"body": [ "body": ["{{% expand title=\"[[&title]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /expand %}}"],
"{{% expand title=\"[[&title]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /expand %}}"
],
"description": "Zeigt einen ein-/ausklappbaren Textblock an", "description": "Zeigt einen ein-/ausklappbaren Textblock an",
"fields": [ "fields": [
{ {
@ -216,11 +154,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Inhalt initial ausklappen", "title": "Inhalt initial ausklappen",
@ -229,11 +163,7 @@
] ]
}, },
"Highlight": { "Highlight": {
"body": [ "body": ["````[[&type]] title=\"[[&title]]\" wrap=\"[[&wrap]]\" lineNos=\"[[&lineNos]]\" anchorLineNos=\"[[&anchorLineNos]]\" lineAnchors=\"[[&lineAnchors]]\" lineNoStart=\"[[&lineNoStart]]\" hl_Lines=\"[[&hl_Lines]]\"", "[[&content]]", "````"],
"````[[&type]] title=\"[[&title]]\" wrap=\"[[&wrap]]\" lineNos=\"[[&lineNos]]\" anchorLineNos=\"[[&anchorLineNos]]\" lineAnchors=\"[[&lineAnchors]]\" lineNoStart=\"[[&lineNoStart]]\" hl_Lines=\"[[&hl_Lines]]\"",
"[[&content]]",
"````"
],
"description": "Zeigt formatierten Code an", "description": "Zeigt formatierten Code an",
"fields": [ "fields": [
{ {
@ -248,33 +178,21 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "wrap", "name": "wrap",
"title": "Zeilen umbrechen", "title": "Zeilen umbrechen",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "lineNos", "name": "lineNos",
"title": "Zeilennummern anzeigen", "title": "Zeilennummern anzeigen",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "anchorLineNos", "name": "anchorLineNos",
"title": "Zeilennummern verlinkbar", "title": "Zeilennummern verlinkbar",
@ -301,9 +219,7 @@
] ]
}, },
"Icon": { "Icon": {
"body": [ "body": ["{{% icon [[&icon]] %}}"],
"{{% icon [[&icon]] %}}"
],
"description": "Zeigt ein Font Awesome Icon an", "description": "Zeigt ein Font Awesome Icon an",
"fields": [ "fields": [
{ {
@ -314,9 +230,7 @@
] ]
}, },
"Include": { "Include": {
"body": [ "body": ["{{% include file=\"[[&file]]\" hidefirstheading=\"[[&hidefirstheading]]\" %}}"],
"{{% include file=\"[[&file]]\" hidefirstheading=\"[[&hidefirstheading]]\" %}}"
],
"description": "Zeigt den Inhalt einer Datei an", "description": "Zeigt den Inhalt einer Datei an",
"fields": [ "fields": [
{ {
@ -325,11 +239,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "hidefirstheading", "name": "hidefirstheading",
"title": "Erste Überschrift verstecken", "title": "Erste Überschrift verstecken",
@ -338,11 +248,7 @@
] ]
}, },
"Math": { "Math": {
"body": [ "body": ["````math align=\"[[&align]]\"", "[[&content]]", "````"],
"````math align=\"[[&align]]\"",
"[[&content]]",
"````"
],
"description": "Zeigt eine mathematische oder chemische Formel mittels MathJax an", "description": "Zeigt eine mathematische oder chemische Formel mittels MathJax an",
"fields": [ "fields": [
{ {
@ -352,12 +258,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "center", "right"],
"",
"left",
"center",
"right"
],
"default": "", "default": "",
"name": "align", "name": "align",
"title": "Horizontale Ausrichtung", "title": "Horizontale Ausrichtung",
@ -366,11 +267,7 @@
] ]
}, },
"Mermaid": { "Mermaid": {
"body": [ "body": ["````mermaid align=\"[[&align]]\" zoom=\"[[&zoom]]\"", "[[&content]]", "````"],
"````mermaid align=\"[[&align]]\" zoom=\"[[&zoom]]\"",
"[[&content]]",
"````"
],
"description": "Zeigt ein Mermaid Diagramm an", "description": "Zeigt ein Mermaid Diagramm an",
"fields": [ "fields": [
{ {
@ -380,23 +277,14 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "center", "right"],
"",
"left",
"center",
"right"
],
"default": "", "default": "",
"name": "align", "name": "align",
"title": "Horizontale Ausrichtung", "title": "Horizontale Ausrichtung",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "zoom", "name": "zoom",
"title": "Diagramm schieb- und zoombar", "title": "Diagramm schieb- und zoombar",
@ -405,9 +293,7 @@
] ]
}, },
"Notice": { "Notice": {
"body": [ "body": ["{{% notice title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /notice %}}"],
"{{% notice title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /notice %}}"
],
"description": "Zeigt eine konfigurierbare Text-Box an", "description": "Zeigt eine konfigurierbare Text-Box an",
"fields": [ "fields": [
{ {
@ -423,28 +309,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Stil-Schema", "title": "Stil-Schema",
@ -463,11 +328,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Inhalt initial ausklappen", "title": "Inhalt initial ausklappen",
@ -476,9 +337,7 @@
] ]
}, },
"OpenAPI": { "OpenAPI": {
"body": [ "body": ["{{< openapi src=\"[[&src]]\" >}}"],
"{{< openapi src=\"[[&src]]\" >}}"
],
"description": "Zeigt eine OpenAPI / Swagger Spezifikation an", "description": "Zeigt eine OpenAPI / Swagger Spezifikation an",
"fields": [ "fields": [
{ {
@ -489,9 +348,7 @@
] ]
}, },
"Resources": { "Resources": {
"body": [ "body": ["{{% resources title=\"[[&title]]\" pattern=\"[[&pattern]]\" sort=\"[[&sort]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" /%}}"],
"{{% resources title=\"[[&title]]\" pattern=\"[[&pattern]]\" sort=\"[[&sort]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" /%}}"
],
"description": "Zeigt eine Liste von Resourcen eines Page Bundles an", "description": "Zeigt eine Liste von Resourcen eines Page Bundles an",
"fields": [ "fields": [
{ {
@ -507,39 +364,14 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "asc", "desc"],
"",
"asc",
"desc"
],
"default": "", "default": "",
"name": "sort", "name": "sort",
"title": "Ausgabereihenfolge", "title": "Ausgabereihenfolge",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Stil-Schema", "title": "Stil-Schema",
@ -558,11 +390,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Resourceliste initial ausklappen", "title": "Resourceliste initial ausklappen",
@ -571,9 +399,7 @@
] ]
}, },
"Site Param": { "Site Param": {
"body": [ "body": ["{{% siteparam name=\"[[&name]]\" %}}"],
"{{% siteparam name=\"[[&name]]\" %}}"
],
"description": "Zeigt einen \"site parameter\" an", "description": "Zeigt einen \"site parameter\" an",
"fields": [ "fields": [
{ {
@ -584,11 +410,7 @@
] ]
}, },
"Tab": { "Tab": {
"body": [ "body": ["{{% tab title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}", "[[&content]]", "{{% /tab %}}"],
"{{% tab title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}",
"[[&content]]",
"{{% /tab %}}"
],
"description": "Zeigt einen einzelnen Tab an", "description": "Zeigt einen einzelnen Tab an",
"fields": [ "fields": [
{ {
@ -603,28 +425,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Stil-Schema", "title": "Stil-Schema",
@ -645,16 +446,7 @@
] ]
}, },
"Tabs": { "Tabs": {
"body": [ "body": ["{{< tabs title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" groupid=\"[[&groupid]]\" >}}", "{{% tab title=\"[[&title1]]\" style=\"[[&style1]]\" color=\"[[&color1]]\" icon=\"[[&icon1]]\" %}}", "[[&content1]]", "{{% /tab %}}", "{{% tab title=\"[[&title2]]\" style=\"[[&style2]]\" color=\"[[&color2]]\" icon=\"[[&icon2]]\" %}}", "[[&content2]]", "{{% /tab %}}", "{{< /tabs >}}"],
"{{< tabs title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" groupid=\"[[&groupid]]\" >}}",
"{{% tab title=\"[[&title1]]\" style=\"[[&style1]]\" color=\"[[&color1]]\" icon=\"[[&icon1]]\" %}}",
"[[&content1]]",
"{{% /tab %}}",
"{{% tab title=\"[[&title2]]\" style=\"[[&style2]]\" color=\"[[&color2]]\" icon=\"[[&icon2]]\" %}}",
"[[&content2]]",
"{{% /tab %}}",
"{{< /tabs >}}"
],
"description": "Zeigt eine Tabgruppe an", "description": "Zeigt eine Tabgruppe an",
"fields": [ "fields": [
{ {
@ -664,28 +456,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Standard-Stil-Schema aller Tabs", "title": "Standard-Stil-Schema aller Tabs",
@ -721,28 +492,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style1", "name": "style1",
"title": "Stil-Schema des ersten Tabs", "title": "Stil-Schema des ersten Tabs",
@ -772,28 +522,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style2", "name": "style2",
"title": "Stil-Schema des zweiten Tabs", "title": "Stil-Schema des zweiten Tabs",

345
vscode-frontmatter/snippets.en.json
View file

@ -1,9 +1,7 @@
{ {
"frontMatter.content.snippets": { "frontMatter.content.snippets": {
"Badge": { "Badge": {
"body": [ "body": ["{{% badge title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}[[&content]]{{% /badge %}}"],
"{{% badge title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}[[&content]]{{% /badge %}}"
],
"description": "Displays a little marker in the text", "description": "Displays a little marker in the text",
"fields": [ "fields": [
{ {
@ -19,28 +17,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Style scheme", "title": "Style scheme",
@ -61,9 +38,7 @@
] ]
}, },
"Button": { "Button": {
"body": [ "body": ["{{% button href=\"[[&href]]\" target=\"[[&target]]\" type=\"[[&type]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" iconposition=\"[[&iconposition]]\" %}}[[&content]]{{% /button %}}"],
"{{% button href=\"[[&href]]\" target=\"[[&target]]\" type=\"[[&type]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" iconposition=\"[[&iconposition]]\" %}}[[&content]]{{% /button %}}"
],
"description": "Displays a clickable button", "description": "Displays a clickable button",
"fields": [ "fields": [
{ {
@ -91,28 +66,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Style scheme", "title": "Style scheme",
@ -131,11 +85,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "right"],
"",
"left",
"right"
],
"default": "", "default": "",
"name": "iconposition", "name": "iconposition",
"title": "Position of the icon", "title": "Position of the icon",
@ -144,17 +94,11 @@
] ]
}, },
"Children": { "Children": {
"body": [ "body": ["{{% children description=\"[[&description]]\" depth=\"[[&depth]]\" sort=\"[[&sort]]\" showhidden=\"[[&showhidden]]\" containerstyle=\"[[&containerstyle]]\" style=\"[[&style]]\" %}}"],
"{{% children description=\"[[&description]]\" depth=\"[[&depth]]\" sort=\"[[&sort]]\" showhidden=\"[[&showhidden]]\" containerstyle=\"[[&containerstyle]]\" style=\"[[&style]]\" %}}"
],
"description": "Displays a list of child pages for the page", "description": "Displays a list of child pages for the page",
"fields": [ "fields": [
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "description", "name": "description",
"title": "Show child page description", "title": "Show child page description",
@ -173,11 +117,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "showhidden", "name": "showhidden",
"title": "Show hidden child pages", "title": "Show hidden child pages",
@ -198,9 +138,7 @@
] ]
}, },
"Expand": { "Expand": {
"body": [ "body": ["{{% expand title=\"[[&title]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /expand %}}"],
"{{% expand title=\"[[&title]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /expand %}}"
],
"description": "Displays an expandable/collapsable section of text", "description": "Displays an expandable/collapsable section of text",
"fields": [ "fields": [
{ {
@ -216,11 +154,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Initially expand content", "title": "Initially expand content",
@ -229,11 +163,7 @@
] ]
}, },
"Highlight": { "Highlight": {
"body": [ "body": ["````[[&type]] title=\"[[&title]]\" wrap=\"[[&wrap]]\" lineNos=\"[[&lineNos]]\" anchorLineNos=\"[[&anchorLineNos]]\" lineAnchors=\"[[&lineAnchors]]\" lineNoStart=\"[[&lineNoStart]]\" hl_Lines=\"[[&hl_Lines]]\"", "[[&content]]", "````"],
"````[[&type]] title=\"[[&title]]\" wrap=\"[[&wrap]]\" lineNos=\"[[&lineNos]]\" anchorLineNos=\"[[&anchorLineNos]]\" lineAnchors=\"[[&lineAnchors]]\" lineNoStart=\"[[&lineNoStart]]\" hl_Lines=\"[[&hl_Lines]]\"",
"[[&content]]",
"````"
],
"description": "Displays syntaxhighlighted code", "description": "Displays syntaxhighlighted code",
"fields": [ "fields": [
{ {
@ -248,33 +178,21 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "wrap", "name": "wrap",
"title": "Wrap lines", "title": "Wrap lines",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "lineNos", "name": "lineNos",
"title": "Display line number", "title": "Display line number",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "anchorLineNos", "name": "anchorLineNos",
"title": "Line numbers linkable", "title": "Line numbers linkable",
@ -301,9 +219,7 @@
] ]
}, },
"Icon": { "Icon": {
"body": [ "body": ["{{% icon [[&icon]] %}}"],
"{{% icon [[&icon]] %}}"
],
"description": "Displays a Font Awesome icon", "description": "Displays a Font Awesome icon",
"fields": [ "fields": [
{ {
@ -314,9 +230,7 @@
] ]
}, },
"Include": { "Include": {
"body": [ "body": ["{{% include file=\"[[&file]]\" hidefirstheading=\"[[&hidefirstheading]]\" %}}"],
"{{% include file=\"[[&file]]\" hidefirstheading=\"[[&hidefirstheading]]\" %}}"
],
"description": "Displays the content of another file", "description": "Displays the content of another file",
"fields": [ "fields": [
{ {
@ -325,11 +239,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "hidefirstheading", "name": "hidefirstheading",
"title": "Hide first heading", "title": "Hide first heading",
@ -338,11 +248,7 @@
] ]
}, },
"Math": { "Math": {
"body": [ "body": ["````math align=\"[[&align]]\"", "[[&content]]", "````"],
"````math align=\"[[&align]]\"",
"[[&content]]",
"````"
],
"description": "Displays a math or chemical formulae using MathJax", "description": "Displays a math or chemical formulae using MathJax",
"fields": [ "fields": [
{ {
@ -352,12 +258,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "center", "right"],
"",
"left",
"center",
"right"
],
"default": "", "default": "",
"name": "align", "name": "align",
"title": "Horizontal alignment", "title": "Horizontal alignment",
@ -366,11 +267,7 @@
] ]
}, },
"Mermaid": { "Mermaid": {
"body": [ "body": ["````mermaid align=\"[[&align]]\" zoom=\"[[&zoom]]\"", "[[&content]]", "````"],
"````mermaid align=\"[[&align]]\" zoom=\"[[&zoom]]\"",
"[[&content]]",
"````"
],
"description": "Displays a Mermaid diagram or flowchart", "description": "Displays a Mermaid diagram or flowchart",
"fields": [ "fields": [
{ {
@ -380,23 +277,14 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "center", "right"],
"",
"left",
"center",
"right"
],
"default": "", "default": "",
"name": "align", "name": "align",
"title": "Horizontal alignment", "title": "Horizontal alignment",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "zoom", "name": "zoom",
"title": "Diagram is pan- and zoomable", "title": "Diagram is pan- and zoomable",
@ -405,9 +293,7 @@
] ]
}, },
"Notice": { "Notice": {
"body": [ "body": ["{{% notice title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /notice %}}"],
"{{% notice title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /notice %}}"
],
"description": "Displays a configurable box of text", "description": "Displays a configurable box of text",
"fields": [ "fields": [
{ {
@ -423,28 +309,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Style scheme", "title": "Style scheme",
@ -463,11 +328,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Initially expand content", "title": "Initially expand content",
@ -476,9 +337,7 @@
] ]
}, },
"OpenAPI": { "OpenAPI": {
"body": [ "body": ["{{< openapi src=\"[[&src]]\" >}}"],
"{{< openapi src=\"[[&src]]\" >}}"
],
"description": "Displays a OpenAPI / Swagger specification", "description": "Displays a OpenAPI / Swagger specification",
"fields": [ "fields": [
{ {
@ -489,9 +348,7 @@
] ]
}, },
"Resources": { "Resources": {
"body": [ "body": ["{{% resources title=\"[[&title]]\" pattern=\"[[&pattern]]\" sort=\"[[&sort]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" /%}}"],
"{{% resources title=\"[[&title]]\" pattern=\"[[&pattern]]\" sort=\"[[&sort]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" /%}}"
],
"description": "Displays a list of resources contained in a page bundle", "description": "Displays a list of resources contained in a page bundle",
"fields": [ "fields": [
{ {
@ -507,39 +364,14 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "asc", "desc"],
"",
"asc",
"desc"
],
"default": "", "default": "",
"name": "sort", "name": "sort",
"title": "Sorting order", "title": "Sorting order",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Style scheme", "title": "Style scheme",
@ -558,11 +390,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Initially expand resource list", "title": "Initially expand resource list",
@ -571,9 +399,7 @@
] ]
}, },
"Site Param": { "Site Param": {
"body": [ "body": ["{{% siteparam name=\"[[&name]]\" %}}"],
"{{% siteparam name=\"[[&name]]\" %}}"
],
"description": "Displays the value of a site parameter", "description": "Displays the value of a site parameter",
"fields": [ "fields": [
{ {
@ -584,11 +410,7 @@
] ]
}, },
"Tab": { "Tab": {
"body": [ "body": ["{{% tab title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}", "[[&content]]", "{{% /tab %}}"],
"{{% tab title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}",
"[[&content]]",
"{{% /tab %}}"
],
"description": "Display a single tab", "description": "Display a single tab",
"fields": [ "fields": [
{ {
@ -603,28 +425,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Style scheme", "title": "Style scheme",
@ -645,16 +446,7 @@
] ]
}, },
"Tabs": { "Tabs": {
"body": [ "body": ["{{< tabs title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" groupid=\"[[&groupid]]\" >}}", "{{% tab title=\"[[&title1]]\" style=\"[[&style1]]\" color=\"[[&color1]]\" icon=\"[[&icon1]]\" %}}", "[[&content1]]", "{{% /tab %}}", "{{% tab title=\"[[&title2]]\" style=\"[[&style2]]\" color=\"[[&color2]]\" icon=\"[[&icon2]]\" %}}", "[[&content2]]", "{{% /tab %}}", "{{< /tabs >}}"],
"{{< tabs title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" groupid=\"[[&groupid]]\" >}}",
"{{% tab title=\"[[&title1]]\" style=\"[[&style1]]\" color=\"[[&color1]]\" icon=\"[[&icon1]]\" %}}",
"[[&content1]]",
"{{% /tab %}}",
"{{% tab title=\"[[&title2]]\" style=\"[[&style2]]\" color=\"[[&color2]]\" icon=\"[[&icon2]]\" %}}",
"[[&content2]]",
"{{% /tab %}}",
"{{< /tabs >}}"
],
"description": "Display a set of tabs in a tab view", "description": "Display a set of tabs in a tab view",
"fields": [ "fields": [
{ {
@ -664,28 +456,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Default style scheme of all tabs", "title": "Default style scheme of all tabs",
@ -721,28 +492,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style1", "name": "style1",
"title": "Style scheme of the first tab", "title": "Style scheme of the first tab",
@ -772,28 +522,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style2", "name": "style2",
"title": "Style scheme of the second tab", "title": "Style scheme of the second tab",