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 = {
changelogFilename: "CHANGELOG.md",
dataSource: "milestones",
changelogFilename: 'CHANGELOG.md',
dataSource: 'milestones',
groupBy: {
"Enhancements": [
"feature",
],
"Fixes": [
"bug"
],
"Maintenance": [
"task",
],
"Uncategorised": [
"closed",
],
'Enhancements': ['feature'],
'Fixes': ['bug'],
'Maintenance': ['task'],
'Uncategorised': ['closed'],
},
ignoreLabels: [
"asciidoc",
"blocked",
"browser",
"device",
"helpwanted",
"hugo",
"idea",
"mermaid",
"needsfeedback",
"undecided",
],
ignoreIssuesWith: [
"discussion",
"documentation",
"duplicate",
"invalid",
"support",
"unresolved",
"update",
"wontchange",
],
ignoreTagsWith: [
"Relearn",
"x",
],
milestoneMatch: "{{tag_name}}",
ignoreLabels: ['asciidoc', 'blocked', 'browser', 'device', 'helpwanted', 'hugo', 'idea', 'mermaid', 'needsfeedback', 'undecided'],
ignoreIssuesWith: ['discussion', 'documentation', 'duplicate', 'invalid', 'support', 'unresolved', 'update', 'wontchange'],
ignoreTagsWith: ['Relearn', 'x'],
milestoneMatch: '{{tag_name}}',
onlyMilestones: true,
template: {
changelogTitle: "",
group: "\n### {{heading}}\n",
release: ({ body, date, release }) => `## ${release} (` + date.replace( /(\d+)\/(\d+)\/(\d+)/, '$3-$2-$1' ) + `)\n${body}`,
changelogTitle: '',
group: '\n### {{heading}}\n',
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",
"ignoredFiles": [
"static/*"
],
"ignoredFiles": ["static/*"],
"prTitle": "autobot: optimize images"
}

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

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

23
assets/css/swagger.css
View file

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

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

@ -1,41 +1,41 @@
:root {
--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-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-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-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-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-HOVER-color: rgba(22, 122, 208, 1); /* Color of hovered links */
--MAIN-BG-color: rgba(255, 255, 255, 1); /* color of text by default */
--CODE-theme: learn; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */
--CODE-BLOCK-BG-color: rgba( 40, 42, 54, 1 ); /* fallback color for code background */
--CODE-BLOCK-BORDER-color: rgba( 40, 42, 54, 1 ); /* color of block code border */
--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-BORDER-color: rgba( 248, 232, 200, 1 ); /* color of inline code border */
--CODE-BLOCK-color: rgba(226, 228, 229, 1); /* fallback color for code text */
--CODE-BLOCK-BG-color: rgba(40, 42, 54, 1); /* fallback color for code background */
--CODE-BLOCK-BORDER-color: rgba(40, 42, 54, 1); /* color of block code border */
--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-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-HOVER-color: rgba( 0, 0, 0, 1 ); /* Color of the hovered 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-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-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-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-BORDER-color: rgba( 51, 161, 255, 1 ); /* Override search field border color */
--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-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-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-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-BG-color: rgba( 255, 255, 255, 1 ); /* Color of background for the active category (only) */
--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-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-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-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-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 */
/* base styling for boxes */
--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-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--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 */
}

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

@ -1,41 +1,41 @@
:root {
--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-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-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-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-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-HOVER-color: rgba(63, 109, 44, 1); /* Color of hovered links */
--MAIN-BG-color: rgba(255, 255, 255, 1); /* color of text by default */
--CODE-theme: learn; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */
--CODE-BLOCK-BG-color: rgba( 40, 42, 54, 1 ); /* fallback color for code background */
--CODE-BLOCK-BORDER-color: rgba( 40, 42, 54, 1 ); /* color of block code border */
--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-BORDER-color: rgba( 248, 232, 200, 1 ); /* color of inline code border */
--CODE-BLOCK-color: rgba(226, 228, 229, 1); /* fallback color for code text */
--CODE-BLOCK-BG-color: rgba(40, 42, 54, 1); /* fallback color for code background */
--CODE-BLOCK-BORDER-color: rgba(40, 42, 54, 1); /* color of block code border */
--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-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-HOVER-color: rgba( 0, 0, 0, 1 ); /* Color of the hovered 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-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-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-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-BORDER-color: rgba( 132, 199, 103, 1 ); /* Override search field border color */
--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-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-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-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-BG-color: rgba( 255, 255, 255, 1 ); /* Color of background for the active category (only) */
--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-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-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-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-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 */
/* base styling for boxes */
--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-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--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 */
}

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

@ -1,43 +1,43 @@
:root {
--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-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-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-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-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-HOVER-color: rgba(0, 130, 167, 1); /* Color of hovered links */
--MAIN-BG-color: rgba(255, 255, 255, 1); /* color of text by default */
--CODE-theme: learn; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */
--CODE-BLOCK-BG-color: rgba( 40, 42, 54, 1 ); /* fallback color for code background */
--CODE-BLOCK-BORDER-color: rgba( 40, 42, 54, 1 ); /* color of block code border */
--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-BORDER-color: rgba( 251, 240, 203, 1 ); /* color of inline code border */
--CODE-BLOCK-color: rgba(226, 228, 229, 1); /* fallback color for code text */
--CODE-BLOCK-BG-color: rgba(40, 42, 54, 1); /* fallback color for code background */
--CODE-BLOCK-BORDER-color: rgba(40, 42, 54, 1); /* color of block code border */
--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-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-HOVER-color: rgba( 240, 240, 240, 1 ); /* Color of the hovered 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-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-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-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-BORDER-color: rgba( 145, 94, 174, 1 ); /* Override search field border color */
--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-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-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-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-BG-color: rgba( 255, 255, 255, 1 ); /* Color of background for the active category (only) */
--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-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-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-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-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 */
/* base styling for boxes */
--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-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--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 */
}
body a#R-logo,

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

@ -1,67 +1,67 @@
:root {
--PRIMARY-color: rgba( 243, 0, 178, 1 ); /* brand primary 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 */
--PRIMARY-color: rgba(243, 0, 178, 1); /* brand primary 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 */
--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-BG-color: rgba( 16, 16, 16, 1 ); /* background color of content */
--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-BG-color: rgba(16, 16, 16, 1); /* background color of content */
/* 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-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-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-H4-TEXT-color: rgba(154, 111, 255, 1); /* text color of h4-h6 titles */
--CODE-theme: neon; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 0, 0, 0, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-INLINE-color: rgba( 130, 229, 80, 1 ); /* text color of inline code */
--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-BLOCK-color: rgba(248, 248, 242, 1); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba(0, 0, 0, 1); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-INLINE-color: rgba(130, 229, 80, 1); /* text color of inline code */
--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 */
--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 */
--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 */
--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-HOVER-color: rgba( 208, 208, 208, 1 ); /* hovered 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-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-BORDER-color: rgba( 232, 232, 232, 1 ); /* border 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, 0.6); /* background 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-ACTIVE-BG-color: rgba( 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-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-SEPARATOR-color: rgba( 186, 186, 186, 1 ); /* separator color between menu sections and menu footer */
--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, 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-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-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 */
--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-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-TEXT-color: initial; /* text color of colored box content */
/* 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-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-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-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-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-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-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-TEXT-color: var( --BOX-RED-color ); /* text color of red 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-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-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-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-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-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-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 */
}
body a#R-logo,
@ -72,77 +72,78 @@ body #R-logo svg * {
fill: var(--INTERNAL-MENU-SEARCH-BORDER-color) !important;
}
body a#R-logo{
body a#R-logo {
text-shadow:
0 0 1px 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 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 8px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
}
body h1 {
color: rgba( 255, 255, 255, 1 );
color: rgba(255, 255, 255, 1);
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 4px rgba( 255, 255, 255, 1 ),
0 0 8px rgba( 255, 255, 255, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 4px 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 6px var(--INTERNAL-MAIN-TITLES-H1-TEXT-color),
0 0 8px var(--INTERNAL-MAIN-TITLES-H1-TEXT-color);
}
body h2 {
color: rgba( 255, 255, 255, 1 );
color: rgba(255, 255, 255, 1);
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 8px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba(128, 128, 128, 1),
0 0 4px 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);
}
body h3, body .article-subheading {
color: rgba( 255, 255, 255, 1 );
body h3,
body .article-subheading {
color: rgba(255, 255, 255, 1);
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 8px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba(128, 128, 128, 1),
0 0 4px 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);
}
body h4 {
color: rgba( 255, 255, 255, 1 );
color: rgba(255, 255, 255, 1);
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 8px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba(128, 128, 128, 1),
0 0 4px 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);
}
body h5 {
color: rgba( 255, 255, 255, 1 );
color: rgba(255, 255, 255, 1);
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 3px rgba( 255, 255, 255, 1 ),
0 0 6px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 3px rgba(255, 255, 255, 1),
0 0 6px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MAIN-TITLES-H5-TEXT-color),
0 0 8px var(--INTERNAL-MAIN-TITLES-H5-TEXT-color);
}
body h6 {
color: rgba( 255, 255, 255, 1 );
color: rgba(255, 255, 255, 1);
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 4px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 4px rgba(128, 128, 128, 1),
0 0 4px 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 h4,
.swagger-ui h5,
.swagger-ui h6{
color: rgba( 255, 255, 255, 1 ) !important;
.swagger-ui h6 {
color: rgba(255, 255, 255, 1) !important;
}
body #R-sidebar .searchbox button:hover{
color: rgba( 255, 255, 255, 1 );
body #R-sidebar .searchbox button:hover {
color: rgba(255, 255, 255, 1);
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 8px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba(128, 128, 128, 1),
0 0 4px 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 a:hover,
body #R-prefooter button:hover {
color: rgba( 255, 255, 255, 1 );
color: rgba(255, 255, 255, 1);
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 8px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba(128, 128, 128, 1),
0 0 4px 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 > :is( a, span ) {
color: rgba( 255, 255, 255, 1 );
body #R-sidebar li.active > :is(a, span) {
color: rgba(255, 255, 255, 1);
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 8px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba(128, 128, 128, 1),
0 0 4px var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color),
0 0 8px var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color);
}
body #R-homelinks.homelinks a:hover {
color: rgba( 255, 255, 255, 1 );
color: rgba(255, 255, 255, 1);
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 8px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 8px rgba(128, 128, 128, 1),
0 0 4px 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 div.box {
box-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 4px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 4px rgba(128, 128, 128, 1),
0 0 4px var(--VARIABLE-BOX-color);
}
@ -226,9 +227,9 @@ body .btn,
body .btn > *,
body div.box > .box-label {
text-shadow:
0 0 1px rgba( 255, 255, 255, 1 ),
0 0 2px rgba( 255, 255, 255, 1 ),
0 0 4px rgba( 128, 128, 128, 1 ),
0 0 1px rgba(255, 255, 255, 1),
0 0 2px rgba(255, 255, 255, 1),
0 0 4px rgba(128, 128, 128, 1),
0 0 4px var(--VARIABLE-BOX-CAPTION-color);
}
@ -262,7 +263,8 @@ body .box.cstyle.transparent {
@media print {
#R-body h1,
#R-body h2,
#R-body h3, #R-body .article-subheading,
#R-body h3,
#R-body .article-subheading,
#R-body h4,
#R-body h5,
#R-body h6 {
@ -287,7 +289,8 @@ body .box.cstyle.transparent {
above will not apply, so we have to repeat it here */
.print #R-body h1,
.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 h5,
.print #R-body h6 {
@ -308,6 +311,6 @@ above will not apply, so we have to repeat it here */
}
#R-content-wrapper {
--ps-thumb-color: rgba( 208, 208, 208, 1 );
--ps-thumb-hover-color: rgba( 204, 204, 204, 1 );
--ps-thumb-color: rgba(208, 208, 208, 1);
--ps-thumb-hover-color: rgba(204, 204, 204, 1);
}

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

@ -1,41 +1,41 @@
:root {
--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-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-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-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-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-HOVER-color: rgba(208, 22, 22, 1); /* Color of hovered links */
--MAIN-BG-color: rgba(255, 255, 255, 1); /* color of text by default */
--CODE-theme: learn; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */
--CODE-BLOCK-BG-color: rgba( 40, 42, 54, 1 ); /* fallback color for code background */
--CODE-BLOCK-BORDER-color: rgba( 40, 42, 54, 1 ); /* color of block code border */
--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-BORDER-color: rgba( 248, 232, 200, 1 ); /* color of inline code border */
--CODE-BLOCK-color: rgba(226, 228, 229, 1); /* fallback color for code text */
--CODE-BLOCK-BG-color: rgba(40, 42, 54, 1); /* fallback color for code background */
--CODE-BLOCK-BORDER-color: rgba(40, 42, 54, 1); /* color of block code border */
--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-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-HOVER-color: rgba( 0, 0, 0, 1 ); /* Color of the hovered 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-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-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-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-BORDER-color: rgba( 239, 32, 32, 1 ); /* Override search field border color */
--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-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-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-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-BG-color: rgba( 255, 255, 255, 1 ); /* Color of background for the active category (only) */
--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-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-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-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-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 */
/* base styling for boxes */
--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-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--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 */
}

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

@ -1,46 +1,46 @@
:root {
--PRIMARY-color: rgba( 131, 201, 50, 1 ); /* brand primary 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 */
--PRIMARY-color: rgba(131, 201, 50, 1); /* brand primary 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 */
--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-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-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-BG-color: rgba(255, 255, 255, 1); /* background color of content */
--MAIN-TITLES-TEXT-color: rgba(16, 16, 16, 1); /* text color of h2-h6 titles and transparent box titles */
--CODE-theme: relearn-light; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 250, 250, 250, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 216, 216, 216, 1 ); /* border color of block code */
--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-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */
--CODE-BLOCK-color: rgba(39, 40, 34, 1); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba(250, 250, 250, 1); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba(216, 216, 216, 1); /* border color of block code */
--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-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 */
--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-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-SEPARATOR-color: rgba( 96, 96, 96, 1 ); /* separator color between menu header and menu */
--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-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-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-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-color: rgba(64, 64, 64, 1); /* text and icon 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-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-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-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-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-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 */
--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-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */
--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 */
}
body a#R-logo,

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

@ -1,43 +1,43 @@
:root {
--PRIMARY-color: rgba( 125, 201, 3, 1 ); /* brand primary 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 */
--PRIMARY-color: rgba(125, 201, 3, 1); /* brand primary 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 */
--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-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-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-BG-color: rgba(32, 32, 32, 1); /* background color of content */
--MAIN-TITLES-TEXT-color: rgba(255, 255, 255, 1); /* text color of h2-h6 titles and transparent box titles */
--CODE-theme: relearn-dark; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 43, 43, 43, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of block code */
--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-BORDER-color: rgba( 70, 70, 70, 1 ); /* border color of inline code */
--CODE-BLOCK-color: rgba(248, 248, 242, 1); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba(43, 43, 43, 1); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba(71, 71, 71, 1); /* border color of block code */
--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-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 */
--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-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-HOVER-color: rgba( 0, 0, 0, 1 ); /* hovered 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-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-BORDER-color: rgba( 224, 224, 224, 1 ); /* border 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-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-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-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-SEPARATOR-color: rgba( 96, 96, 96, 1 ); /* separator color between menu sections and menu footer */
--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-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-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-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-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-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-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 {
--PRIMARY-color: rgba( 125, 201, 3, 1 ); /* brand primary color */
--SECONDARY-color: rgba( 72, 106, 201, 1 ); /* brand secondary color */
--ACCENT-color: rgb( 255, 102, 78 ); /* brand accent color, used for search highlights */
--PRIMARY-color: rgba(125, 201, 3, 1); /* brand primary color */
--SECONDARY-color: rgba(72, 106, 201, 1); /* brand secondary color */
--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-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-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box 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-BG-color: rgba(255, 255, 255, 1); /* background color of content */
--MAIN-TITLES-TEXT-color: rgba(16, 16, 16, 1); /* text color of h2-h6 titles and transparent box titles */
--CODE-theme: relearn-light; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 250, 250, 250, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 216, 216, 216, 1 ); /* border color of block code */
--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-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */
--CODE-BLOCK-color: rgba(39, 40, 34, 1); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba(250, 250, 250, 1); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba(216, 216, 216, 1); /* border color of block code */
--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-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 */
--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-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-HOVER-color: rgba( 0, 0, 0, 1 ); /* hovered 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-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-BORDER-color: rgba( 224, 224, 224, 1 ); /* border 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-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-ACTIVE-BG-color: rgba( 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-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-SEPARATOR-color: rgba( 96, 96, 96, 1 ); /* separator color between menu sections and menu footer */
--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, 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-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-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-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */
--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 */
}

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

@ -1,53 +1,53 @@
:root {
--PRIMARY-color: rgba( 47, 129, 235, 1 ); /* brand primary color */
--SECONDARY-color: rgba( 47, 129, 235, 1 ); /* brand secondary color */
--PRIMARY-color: rgba(47, 129, 235, 1); /* brand primary 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-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-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */
--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-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-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 43, 43, 43, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of block code */
--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-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of inline code */
--CODE-BLOCK-color: rgba(248, 248, 242, 1); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba(43, 43, 43, 1); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba(71, 71, 71, 1); /* border color of block code */
--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-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 */
--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-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-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-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-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-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-HOVER-color: rgba( 47, 129, 235, 1 ); /* hovered 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-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-BORDER-color: rgba( 71, 71, 71, .66 ); /* border 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-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-LINK-color: rgba( 224, 224, 224, .75 ); /* 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-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-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-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-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-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-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-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,

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

@ -1,53 +1,53 @@
:root {
--PRIMARY-color: rgba( 26, 115, 232, 1 ); /* brand primary color */
--SECONDARY-color: rgba( 26, 115, 232, 1 ); /* brand secondary color */
--PRIMARY-color: rgba(26, 115, 232, 1); /* brand primary 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-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-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-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-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-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-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 250, 250, 250, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color of block code */
--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-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */
--CODE-BLOCK-color: rgba(39, 40, 34, 1); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba(250, 250, 250, 1); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba(210, 210, 210, 1); /* border color of block code */
--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-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 */
--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-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-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-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-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-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-HOVER-color: rgba( 26, 115, 232, 1 ); /* hoverd 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-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-BORDER-color: rgba( 210, 210, 210, .66 ); /* border 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-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-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-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-SEPARATOR-color: rgba( 210, 210, 210, .66 ); /* separator color between menu sections and menu footer */
--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-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-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-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */
--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-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,

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)) {
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
const nonLangRegex = /^(.*?)(\.([^.]+))?$/;
const nonLangMatch = file.match(nonLangRegex);
const fileName = nonLangMatch[1];
const fileExtension = nonLangMatch.length > 3 ? nonLangMatch[3] : "";
const fileExtension = nonLangMatch.length > 3 ? nonLangMatch[3] : '';
Object.keys(langs).forEach((fileLang) => {
const langFilePath = path.join(directoryPath, fileName + '.' + fileLang + '.' + fileExtension);
const langExists = fs.existsSync(langFilePath);
@ -103,14 +103,12 @@ function processDirectory(directoryPath, oldDirectory, newDirectory, langs) {
return true;
}
function modifyConfig(configDirectory) {
}
function modifyConfig(configDirectory) {}
function runThatShit(contentDirectory) {
const sourceDirectory = contentDirectory;
const backupDirectory = contentDirectory + ".backup";
const targetDirectory = contentDirectory + ".temp";
const backupDirectory = contentDirectory + '.backup';
const targetDirectory = contentDirectory + '.temp';
// check directories
try {
@ -149,7 +147,7 @@ function runThatShit(contentDirectory) {
// convert that shit
const langs = getLanguages(sourceDirectory);
if( !processDirectory(sourceDirectory, sourceDirectory, targetDirectory, langs) ){
if (!processDirectory(sourceDirectory, sourceDirectory, targetDirectory, langs)) {
return false;
}
@ -164,7 +162,7 @@ function runThatShit(contentDirectory) {
}
// edit the config file accordingly
modifyConfig(path.join(sourceDirectory, ".."));
modifyConfig(path.join(sourceDirectory, '..'));
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.runInitialSearch = function(){
if( window.relearn.isSearchInit && window.relearn.isLunrInit ){
window.relearn.runInitialSearch = function () {
if (window.relearn.isSearchInit && window.relearn.isLunrInit) {
var input = document.querySelector('#R-search-by-detail');
if( !input ){
if (!input) {
return;
}
var value = input.value;
searchDetail( value );
searchDetail(value);
}
}
};
var lunrIndex, pagesIndex;
function initLunrIndex( index ){
function initLunrIndex(index) {
pagesIndex = index;
// Set up Lunr by declaring the fields we use
// Also provide their boost level for the ranking
lunrIndex = lunr(function() {
lunrIndex = lunr(function () {
this.use(lunr.multiLanguage.apply(null, contentLangs));
this.ref('index');
this.field('title', {
boost: 15
boost: 15,
});
this.field('tags', {
boost: 10
boost: 10,
});
this.field('content', {
boost: 5
boost: 5,
});
this.pipeline.remove(lunr.stemmer);
this.searchPipeline.remove(lunr.stemmer);
// Feed Lunr with each file and let LUnr actually index them
pagesIndex.forEach(function(page, idx) {
pagesIndex.forEach(function (page, idx) {
page.index = idx;
this.add(page);
}, this);
@ -44,81 +44,83 @@ function initLunrIndex( index ){
window.relearn.runInitialSearch();
}
function triggerSearch(){
function triggerSearch() {
var input = document.querySelector('#R-search-by-detail');
if( !input ){
if (!input) {
return;
}
var value = input.value;
searchDetail( value );
searchDetail(value);
// add a new entry to the history after the user
// changed the term; this does not reload the page
// but will add to the history and update the address bar URL
var url = new URL( window.location );
var oldValue = url.searchParams.get( 'search-by' );
if( value != oldValue ){
var url = new URL(window.location);
var oldValue = url.searchParams.get('search-by');
if (value != oldValue) {
var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} );
url.searchParams.set( 'search-by', value );
state = Object.assign({}, typeof state === 'object' ? state : {});
url.searchParams.set('search-by', value);
state.search = url.toString();
// 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
// here, too
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
if( event.state ){
if (event.state) {
var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} );
if( state.search ) {
var url = new URL( state.search );
if( url.searchParams.has('search-by') ){
var search = url.searchParams.get( 'search-by' );
state = Object.assign({}, typeof state === 'object' ? state : {});
if (state.search) {
var url = new URL(state.search);
if (url.searchParams.has('search-by')) {
var search = url.searchParams.get('search-by');
// we have to insert the old search term into the inputs
var inputs = document.querySelectorAll( 'input.search-by' );
inputs.forEach( function( e ){
var inputs = document.querySelectorAll('input.search-by');
inputs.forEach(function (e) {
e.value = search;
var event = document.createEvent( 'Event' );
event.initEvent( 'input', false, false );
e.dispatchEvent( event );
var event = document.createEvent('Event');
event.initEvent('input', false, false);
e.dispatchEvent(event);
});
// recreate the last search results and eventually
// restore the previous scrolling position
searchDetail( search );
searchDetail(search);
}
}
}
});
var input = document.querySelector('#R-search-by-detail');
if( input ){
input.addEventListener( 'keydown', function(event) {
if (input) {
input.addEventListener('keydown', function (event) {
// if we are pressing ESC in the searchdetail our focus will
// be stolen by the other event handlers, so we have to refocus
// here after a short while
if (event.key == "Escape") {
setTimeout( function(){ input.focus(); }, 0 );
if (event.key == 'Escape') {
setTimeout(function () {
input.focus();
}, 0);
}
});
}
function initLunrJs() {
// new way to load our search index
if( window.index_js_url ){
var js = document.createElement("script");
if (window.index_js_url) {
var js = document.createElement('script');
js.src = index_js_url;
js.setAttribute("async", "");
js.onload = function(){
js.setAttribute('async', '');
js.onload = function () {
initLunrIndex(relearn_searchindex);
};
js.onerror = function(e){
js.onerror = function (e) {
console.error('Error getting Hugo index file');
};
document.head.appendChild(js);
@ -134,10 +136,17 @@ function initLunrJs() {
function search(term) {
// 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
term = term.replace( /[*:^~+-]/g, ' ' );
var searchTerm = lunr.tokenizer( term ).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) }
term = term.replace(/[*:^~+-]/g, ' ');
var searchTerm = lunr
.tokenizer(term)
.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 + '*^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 || [];
// use replace to iterate over the string
// 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
return typeof args[index] == 'undefined' ? match : args[index];
});
};
}
function searchDetail( value ) {
function searchDetail(value) {
var results = document.querySelector('#R-searchresults');
var hint = document.querySelector('.searchhint');
hint.innerText = '';
results.textContent = '';
var a = search( value );
if( a.length ){
hint.innerText = resolvePlaceholders( window.T_N_results_found, [ value, a.length ] );
a.forEach( function(item){
var a = search(value);
if (a.length) {
hint.innerText = resolvePlaceholders(window.T_N_results_found, [value, a.length]);
a.forEach(function (item) {
var page = pagesIndex[item.index];
var numContextWords = 10;
var contextPattern = '(?:\\S+ +){0,' + numContextWords + '}\\S*\\b(?:' +
item.matches.map( function(match){return match.replace(/\W/g, '\\$&')} ).join('|') +
')\\b\\S*(?: +\\S+){0,' + numContextWords + '}';
var contextPattern =
'(?:\\S+ +){0,' +
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 divsuggestion = document.createElement('a');
divsuggestion.className = 'autocomplete-suggestion';
@ -198,50 +220,49 @@ function searchDetail( value ) {
var divtitle = document.createElement('div');
divtitle.className = 'title';
divtitle.innerText = '» ' + page.title;
divsuggestion.appendChild( divtitle );
divsuggestion.appendChild(divtitle);
var divbreadcrumb = document.createElement('div');
divbreadcrumb.className = 'breadcrumbs';
divbreadcrumb.innerText = (page.breadcrumb || '');
divsuggestion.appendChild( divbreadcrumb );
if( context ){
divbreadcrumb.innerText = page.breadcrumb || '';
divsuggestion.appendChild(divbreadcrumb);
if (context) {
var divcontext = document.createElement('div');
divcontext.className = 'context';
divcontext.innerText = (context || '');
divsuggestion.appendChild( divcontext );
divcontext.innerText = context || '';
divsuggestion.appendChild(divcontext);
}
results.appendChild( divsuggestion );
results.appendChild(divsuggestion);
});
window.relearn.markSearch();
}
else if( value.length ) {
hint.innerText = resolvePlaceholders( window.T_No_results_found, [ value ] );
} else if (value.length) {
hint.innerText = resolvePlaceholders(window.T_No_results_found, [value]);
}
input.focus();
setTimeout( adjustContentWidth, 0 );
setTimeout(adjustContentWidth, 0);
// if we are initiating search because of a browser history
// operation, we have to restore the scrolling postion the
// user previously has used; if this search isn't initiated
// by a browser history operation, it simply does nothing
var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} );
if( state.hasOwnProperty( 'contentScrollTop' ) ){
window.setTimeout( function(){
state = Object.assign({}, typeof state === 'object' ? state : {});
if (state.hasOwnProperty('contentScrollTop')) {
window.setTimeout(function () {
elc.scrollTop = +state.contentScrollTop;
}, 10 );
}, 10);
return;
}
}
initLunrJs();
function startSearch(){
function startSearch() {
var input = document.querySelector('#R-search-by-detail');
if( input ){
if (input) {
var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} );
state = Object.assign({}, typeof state === 'object' ? state : {});
state.search = window.location.toString();
window.history.replaceState( state, '', window.location );
window.history.replaceState(state, '', window.location);
}
var searchList = new autoComplete({
@ -249,16 +270,25 @@ function startSearch(){
selectorToInsert: 'search:has(.searchbox)',
selector: '#R-search-by',
/* source is the callback to perform the search */
source: function(term, response) {
source: function (term, response) {
response(search(term));
},
/* renderItem displays individual search results */
renderItem: function(item, term) {
renderItem: function (item, term) {
var page = pagesIndex[item.index];
var numContextWords = 2;
var contextPattern = '(?:\\S+ +){0,' + numContextWords + '}\\S*\\b(?:' +
item.matches.map( function(match){return match.replace(/\W/g, '\\$&')} ).join('|') +
')\\b\\S*(?: +\\S+){0,' + numContextWords + '}';
var contextPattern =
'(?:\\S+ +){0,' +
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 divsuggestion = document.createElement('div');
divsuggestion.className = 'autocomplete-suggestion';
@ -269,21 +299,21 @@ function startSearch(){
var divtitle = document.createElement('div');
divtitle.className = 'title';
divtitle.innerText = '» ' + page.title;
divsuggestion.appendChild( divtitle );
if( context ){
divsuggestion.appendChild(divtitle);
if (context) {
var divcontext = document.createElement('div');
divcontext.className = 'context';
divcontext.innerText = (context || '');
divsuggestion.appendChild( divcontext );
divcontext.innerText = context || '';
divsuggestion.appendChild(divcontext);
}
return divsuggestion.outerHTML;
},
/* 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');
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
// 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 = {
variant: '',
@ -11,211 +17,230 @@ var variants = {
customvariantname: 'my-custom-variant',
isstylesheetloaded: true,
init: function( variants ){
init: function (variants) {
this.variants = variants;
var variant = window.localStorage.getItem( window.relearn.absBaseUri+'/variant' ) || ( this.variants.length ? this.variants[0] : '' );
this.changeVariant( variant );
document.addEventListener( 'readystatechange', function(){
if( document.readyState == 'interactive' ){
var variant = window.localStorage.getItem(window.relearn.absBaseUri + '/variant') || (this.variants.length ? this.variants[0] : '');
this.changeVariant(variant);
document.addEventListener(
'readystatechange',
function () {
if (document.readyState == 'interactive') {
this.markSelectedVariant();
}
}.bind( this ) );
}.bind(this)
);
},
getVariant: function(){
getVariant: function () {
return this.variant;
},
setVariant: function( variant ){
setVariant: function (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;
},
markSelectedVariant: function(){
markSelectedVariant: function () {
var variant = this.getVariant();
var select = document.querySelector( '#R-select-variant' );
if( !select ){
var select = document.querySelector('#R-select-variant');
if (!select) {
return;
}
this.addCustomVariantOption();
if( variant && select.value != variant ){
if (variant && select.value != variant) {
select.value = variant;
}
var interval_id = setInterval( function(){
if( this.isVariantLoaded() ){
clearInterval( interval_id );
var interval_id = setInterval(
function () {
if (this.isVariantLoaded()) {
clearInterval(interval_id);
updateTheme({ variant: variant });
}
}.bind( this ), 25 );
}.bind(this),
25
);
// remove selection, because if some uses an arrow navigation"
// by pressing the left or right cursor key, we will automatically
// select a different style
if( document.activeElement ){
if (document.activeElement) {
document.activeElement.blur();
}
},
generateVariantPath: function( variant, old_path ){
var new_path = old_path.replace( new RegExp(`^(.*\/theme-).*?(\.css.*)$`), '$1' + variant + '$2' );
generateVariantPath: function (variant, old_path) {
var new_path = old_path.replace(new RegExp(`^(.*\/theme-).*?(\.css.*)$`), '$1' + variant + '$2');
return new_path;
},
addCustomVariantOption: function(){
var variantbase = window.localStorage.getItem( window.relearn.absBaseUri+'/customvariantbase' );
if( this.variants.indexOf( variantbase ) < 0 ){
addCustomVariantOption: function () {
var variantbase = window.localStorage.getItem(window.relearn.absBaseUri + '/customvariantbase');
if (this.variants.indexOf(variantbase) < 0) {
variantbase = '';
}
if( !window.localStorage.getItem( window.relearn.absBaseUri+'/customvariant' ) ){
if (!window.localStorage.getItem(window.relearn.absBaseUri + '/customvariant')) {
variantbase = '';
}
if( !variantbase ){
if (!variantbase) {
return;
}
var select = document.querySelector( '#R-select-variant' );
if( !select ){
var select = document.querySelector('#R-select-variant');
if (!select) {
return;
}
var option = document.querySelector( '#' + this.customvariantname );
if( !option ){
option = document.createElement( 'option' );
var option = document.querySelector('#' + this.customvariantname);
if (!option) {
option = document.createElement('option');
option.id = 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(); }); });
select.appendChild( option );
document.querySelectorAll( '.footerVariantSwitch' ).forEach( function( e ){
e.classList.add( 'showVariantSwitch' );
option.text = this.customvariantname.replace(/-/g, ' ').replace(/\w\S*/g, function (w) {
return w.replace(/^\w/g, function (c) {
return c.toUpperCase();
});
});
select.appendChild(option);
document.querySelectorAll('.footerVariantSwitch').forEach(function (e) {
e.classList.add('showVariantSwitch');
});
}
},
removeCustomVariantOption: function(){
var option = document.querySelector( '#' + this.customvariantname );
if( option ){
removeCustomVariantOption: function () {
var option = document.querySelector('#' + this.customvariantname);
if (option) {
option.remove();
}
if( this.variants.length <= 1 ){
document.querySelectorAll( '.footerVariantSwitch' ).forEach( function( e ){
e.classList.remove( 'showVariantSwitch' );
if (this.variants.length <= 1) {
document.querySelectorAll('.footerVariantSwitch').forEach(function (e) {
e.classList.remove('showVariantSwitch');
});
}
},
saveCustomVariant: function(){
if( this.getVariant() != this.customvariantname ){
window.localStorage.setItem( window.relearn.absBaseUri+'/customvariantbase', this.getVariant() );
saveCustomVariant: function () {
if (this.getVariant() != this.customvariantname) {
window.localStorage.setItem(window.relearn.absBaseUri + '/customvariantbase', this.getVariant());
}
window.localStorage.setItem( window.relearn.absBaseUri+'/customvariant', this.generateStylesheet() );
this.setVariant( this.customvariantname );
window.localStorage.setItem(window.relearn.absBaseUri + '/customvariant', this.generateStylesheet());
this.setVariant(this.customvariantname);
this.markSelectedVariant();
},
loadCustomVariant: function(){
var stylesheet = window.localStorage.getItem( window.relearn.absBaseUri+'/customvariant' );
loadCustomVariant: function () {
var stylesheet = window.localStorage.getItem(window.relearn.absBaseUri + '/customvariant');
// temp styles to document
var head = document.querySelector( 'head' );
var style = document.createElement( 'style' );
var head = document.querySelector('head');
var style = document.createElement('style');
style.id = 'R-custom-variant-style';
style.appendChild( document.createTextNode( stylesheet ) );
head.appendChild( style );
style.appendChild(document.createTextNode(stylesheet));
head.appendChild(style);
var interval_id = setInterval( function(){
if( this.findLoadedStylesheet( 'R-variant-style' ) ){
clearInterval( interval_id );
var interval_id = setInterval(
function () {
if (this.findLoadedStylesheet('R-variant-style')) {
clearInterval(interval_id);
// save the styles to the current variant stylesheet
this.variantvariables.forEach( function( e ){
this.changeColor( e.name, true );
}.bind( this ) );
this.variantvariables.forEach(
function (e) {
this.changeColor(e.name, true);
}.bind(this)
);
// remove temp styles
style.remove();
this.saveCustomVariant();
}
}.bind( this ), 25 );
}.bind(this),
25
);
},
resetVariant: function(){
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?' ) ){
window.localStorage.removeItem( window.relearn.absBaseUri+'/customvariantbase' );
window.localStorage.removeItem( window.relearn.absBaseUri+'/customvariant' );
resetVariant: function () {
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?')) {
window.localStorage.removeItem(window.relearn.absBaseUri + '/customvariantbase');
window.localStorage.removeItem(window.relearn.absBaseUri + '/customvariant');
this.removeCustomVariantOption();
if( this.getVariant() == this.customvariantname ){
this.changeVariant( variantbase );
if (this.getVariant() == this.customvariantname) {
this.changeVariant(variantbase);
}
}
},
onLoadStylesheet: function(){
onLoadStylesheet: function () {
variants.isstylesheetloaded = true;
},
switchStylesheet: function( variant, without_check ){
var link = document.querySelector( '#R-variant-style' );
if( !link ){
switchStylesheet: function (variant, without_check) {
var link = document.querySelector('#R-variant-style');
if (!link) {
return;
}
var old_path = link.getAttribute( 'href' );
var new_path = this.generateVariantPath( variant, old_path );
var old_path = link.getAttribute('href');
var new_path = this.generateVariantPath(variant, old_path);
this.isstylesheetloaded = false;
// 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.rel = 'stylesheet';
new_link.onload = this.onLoadStylesheet;
new_link.setAttribute( 'href', new_path );
link.parentNode.replaceChild( new_link, link );
new_link.setAttribute('href', new_path);
link.parentNode.replaceChild(new_link, link);
},
changeVariant: function( variant ){
if( variant == this.customvariantname ){
var variantbase = window.localStorage.getItem( window.relearn.absBaseUri+'/customvariantbase' );
if( this.variants.indexOf( variantbase ) < 0 ){
changeVariant: function (variant) {
if (variant == this.customvariantname) {
var variantbase = window.localStorage.getItem(window.relearn.absBaseUri + '/customvariantbase');
if (this.variants.indexOf(variantbase) < 0) {
variant = '';
}
if( !window.localStorage.getItem( window.relearn.absBaseUri+'/customvariant' ) ){
if (!window.localStorage.getItem(window.relearn.absBaseUri + '/customvariant')) {
variant = '';
}
this.setVariant( variant );
if( !variant ){
this.setVariant(variant);
if (!variant) {
return;
}
this.switchStylesheet( variantbase );
this.switchStylesheet(variantbase);
this.loadCustomVariant();
} else {
if (this.variants.indexOf(variant) < 0) {
variant = this.variants.length ? this.variants[0] : '';
}
else{
if( this.variants.indexOf( variant ) < 0 ){
variant = this.variants.length ? this.variants[ 0 ] : '';
}
this.setVariant( variant );
if( !variant ){
this.setVariant(variant);
if (!variant) {
return;
}
this.switchStylesheet( variant );
this.switchStylesheet(variant);
this.markSelectedVariant();
}
},
generator: function( vargenerator ){
generator: function (vargenerator) {
var graphDefinition = this.generateGraph();
var graphs = document.querySelectorAll( vargenerator );
graphs.forEach( function( e ){ e.innerHTML = graphDefinition; });
var graphs = document.querySelectorAll(vargenerator);
graphs.forEach(function (e) {
e.innerHTML = graphDefinition;
});
var interval_id = setInterval( function(){
if( document.querySelectorAll( vargenerator + ' .mermaid > svg' ).length ){
clearInterval( interval_id );
var interval_id = setInterval(
function () {
if (document.querySelectorAll(vargenerator + ' .mermaid > svg').length) {
clearInterval(interval_id);
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 url = window.URL.createObjectURL(blob);
var a = document.createElement('a');
@ -224,34 +249,38 @@ var variants = {
a.click();
},
getStylesheet: function(){
getStylesheet: function () {
var style = this.generateStylesheet();
if( !style ){
alert( 'There is nothing to be generated as auto mode variants will be generated by Hugo' );
if (!style) {
alert('There is nothing to be generated as auto mode variants will be generated by Hugo');
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)
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;
sheets = [...document.styleSheets].filter(i => i.href == absoluteURL);
}
else sheets = [sheets]; // sheets is a stylesheet
sheets = [...document.styleSheets].filter((i) => i.href == absoluteURL);
} else sheets = [sheets]; // sheets is a stylesheet
// CSS (& HTML) reduce spaces in selector to one.
selector = selector.replace(/\s+/g, ' ');
const findRule = s => [...s.cssRules].reverse().find(i => i.selectorText == selector)
let rule = sheets.map(findRule).filter(i=>i).pop()
const findRule = (s) => [...s.cssRules].reverse().find((i) => i.selectorText == selector);
let rule = sheets
.map(findRule)
.filter((i) => i)
.pop();
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
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.setProperty(prop, ...val.split(/ *!(?=important)/));
}
@ -262,41 +291,41 @@ var variants = {
}
},
normalizeColor: function( c ){
if( !c || !c.trim ){
normalizeColor: function (c) {
if (!c || !c.trim) {
return c;
}
c = c.trim();
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( / +/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(/ +/g, ' ');
return c;
},
getColorValue: function( c ){
return this.normalizeColor( getComputedStyle( document.documentElement ).getPropertyValue( '--INTERNAL-'+c ) );
getColorValue: function (c) {
return this.normalizeColor(getComputedStyle(document.documentElement).getPropertyValue('--INTERNAL-' + c));
},
getColorProperty: function( c, read_style ){
var e = this.findColor( c );
var p = this.normalizeColor( read_style.getPropertyValue( '--'+c ) ).replace( '--INTERNAL-', '--' );
getColorProperty: function (c, read_style) {
var e = this.findColor(c);
var p = this.normalizeColor(read_style.getPropertyValue('--' + c)).replace('--INTERNAL-', '--');
return p;
},
findLoadedStylesheet: function( id ){
for( var n = 0; n < document.styleSheets.length; ++n ){
if( document.styleSheets[n].ownerNode.id == id ){
findLoadedStylesheet: function (id) {
for (var n = 0; n < document.styleSheets.length; ++n) {
if (document.styleSheets[n].ownerNode.id == id) {
var s = document.styleSheets[n];
if( s.rules && s.rules.length ){
for( var m = 0; m < s.rules.length; ++m ){
if( s.rules[m].selectorText == ':root' ){
if (s.rules && s.rules.length) {
for (var m = 0; m < s.rules.length; ++m) {
if (s.rules[m].selectorText == ':root') {
return s.rules[m].style;
}
if( s.rules[m].cssRules && s.rules[m].cssRules.length ){
for( var o = 0; o < s.rules[m].cssRules.length; ++o ){
if( s.rules[m].cssRules[o].selectorText == ':root' ){
if (s.rules[m].cssRules && s.rules[m].cssRules.length) {
for (var o = 0; o < s.rules[m].cssRules.length; ++o) {
if (s.rules[m].cssRules[o].selectorText == ':root') {
return s.rules[m].cssRules[o].style;
}
}
@ -309,144 +338,149 @@ var variants = {
return null;
},
changeColor: function( c, without_prompt ){
changeColor: function (c, without_prompt) {
var with_prompt = !(without_prompt || false);
var read_style = this.findLoadedStylesheet( 'R-custom-variant-style' );
var write_style = this.findLoadedStylesheet( 'R-variant-style' );
if( !read_style ){
var read_style = this.findLoadedStylesheet('R-custom-variant-style');
var write_style = this.findLoadedStylesheet('R-variant-style');
if (!read_style) {
read_style = write_style;
}
if( !read_style ){
if( with_prompt ){
alert( 'An auto mode variant can not be changed. Please select its light/dark variant directly to make changes' );
if (!read_style) {
if (with_prompt) {
alert('An auto mode variant can not be changed. Please select its light/dark variant directly to make changes');
}
return;
}
var e = this.findColor( c );
var v = this.getColorProperty( c, read_style );
var e = this.findColor(c);
var v = this.getColorProperty(c, read_style);
var n = '';
if( !with_prompt ){
if (!with_prompt) {
n = v;
}
else{
} else {
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';
}
else if( e.default ){
} else if (e.default) {
t += '\nDefaults to value "' + this.normalizeColor(e.default) + '" if not set\n';
}
n = prompt( t, v );
if( n === null ){
n = prompt(t, v);
if (n === null) {
// user canceld operation
return;
}
}
if( n ){
if (n) {
// value set to specific value
n = this.normalizeColor( n ).replace( '--INTERNAL-', '--' ).replace( '--', '--INTERNAL-' );
if( !with_prompt || n != v ){
write_style.setProperty( '--'+c, n );
n = this.normalizeColor(n).replace('--INTERNAL-', '--').replace('--', '--INTERNAL-');
if (!with_prompt || n != v) {
write_style.setProperty('--' + c, n);
}
}
else{
} else {
// value emptied, so delete it
write_style.removeProperty( '--'+c );
write_style.removeProperty('--' + c);
}
if( with_prompt ){
if (with_prompt) {
this.saveCustomVariant();
}
},
findColor: function( name ){
var f = this.variantvariables.find( function( x ){
findColor: function (name) {
var f = this.variantvariables.find(function (x) {
return x.name == name;
});
return f;
},
generateColorVariable: function( e, read_style ){
generateColorVariable: function (e, read_style) {
var v = '';
var gen = this.getColorProperty( e.name, read_style );
if( gen ){
var gen = this.getColorProperty(e.name, read_style);
if (gen) {
v += ' --' + e.name + ': ' + gen + '; /* ' + e.tooltip + ' */\n';
}
return v;
},
generateStylesheet: function(){
var read_style = this.findLoadedStylesheet( 'R-custom-variant-style' );
var write_style = this.findLoadedStylesheet( 'R-variant-style' );
if( !read_style ){
generateStylesheet: function () {
var read_style = this.findLoadedStylesheet('R-custom-variant-style');
var write_style = this.findLoadedStylesheet('R-variant-style');
if (!read_style) {
read_style = write_style;
}
if( !read_style ){
if (!read_style) {
return;
}
var style =
'/* ' + this.customvariantname + ' */\n' +
'/* ' +
this.customvariantname +
' */\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';
console.log( style );
console.log(style);
return style;
},
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+' > .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);' );
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 + ' > .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);');
},
styleGraph: function(){
this.variantvariables.forEach( function( e ){
this.styleGraphGroup( '.'+e.name, e.name );
}.bind( this ) );
this.styleGraphGroup( '#maincontent', 'MAIN-BG-color' );
this.styleGraphGroup( '#mainheadings', 'MAIN-BG-color' );
this.styleGraphGroup( '#code', 'CODE-BLOCK-BG-color' );
this.styleGraphGroup( '#inlinecode', 'CODE-INLINE-BG-color' );
this.styleGraphGroup( '#blockcode', 'CODE-BLOCK-BG-color' );
this.styleGraphGroup( '#thirdparty', 'MAIN-BG-color' );
this.styleGraphGroup( '#coloredboxes', 'BOX-BG-color' );
this.styleGraphGroup( '#menu', 'MENU-SECTIONS-BG-color' );
this.styleGraphGroup( '#menuheader', 'MENU-HEADER-BG-color' );
this.styleGraphGroup( '#menusections', 'MENU-SECTIONS-ACTIVE-BG-color' );
styleGraph: function () {
this.variantvariables.forEach(
function (e) {
this.styleGraphGroup('.' + e.name, e.name);
}.bind(this)
);
this.styleGraphGroup('#maincontent', 'MAIN-BG-color');
this.styleGraphGroup('#mainheadings', 'MAIN-BG-color');
this.styleGraphGroup('#code', 'CODE-BLOCK-BG-color');
this.styleGraphGroup('#inlinecode', 'CODE-INLINE-BG-color');
this.styleGraphGroup('#blockcode', 'CODE-BLOCK-BG-color');
this.styleGraphGroup('#thirdparty', 'MAIN-BG-color');
this.styleGraphGroup('#coloredboxes', 'BOX-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 = '';
if( e.fallback && e.group == this.findColor( e.fallback ).group ){
edge += e.fallback+':::'+e.fallback+' --> '+e.name+':::'+e.name;
}
else{
edge += e.name+':::'+e.name;
if (e.fallback && e.group == this.findColor(e.fallback).group) {
edge += e.fallback + ':::' + e.fallback + ' --> ' + e.name + ':::' + e.name;
} else {
edge += e.name + ':::' + e.name;
}
return edge;
},
generateGraphVarGroupedEdge: function( e ){
generateGraphVarGroupedEdge: function (e) {
var edge = '';
if( e.fallback && e.group != this.findColor( e.fallback ).group ){
edge += ' ' + e.fallback+':::'+e.fallback+' --> '+e.name+':::'+e.name + '\n';
if (e.fallback && e.group != this.findColor(e.fallback).group) {
edge += ' ' + e.fallback + ':::' + e.fallback + ' --> ' + e.name + ':::' + e.name + '\n';
}
return edge;
},
generateGraph: function(){
generateGraph: function () {
var g_groups = {};
var g_handler = '';
this.variantvariables.forEach( function( e ){
this.variantvariables.forEach(function (e) {
var group = e.group || ' ';
g_groups[ group ] = ( g_groups[ group ] || [] ).concat( e );
g_handler += ' click '+e.name+' variants.changeColor\n';
g_groups[group] = (g_groups[group] || []).concat(e);
g_handler += ' click ' + e.name + ' variants.changeColor\n';
});
var graph =
@ -455,152 +489,202 @@ var variants = {
' direction TB\n' +
' subgraph menuheader["header"]\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' +
' subgraph menusections["sections"]\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' +
' subgraph maincontent["content"]\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' +
' 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' +
' subgraph code["code"]\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' +
' 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' +
' subgraph blockcode["code blocks"]\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' +
' subgraph thirdparty["3rd party"]\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' +
' subgraph coloredboxes["colored boxes"]\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' +
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;
console.log( graph );
console.log(graph);
return graph;
},
variantvariables: [
{ 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: 'ACCENT-color', group: 'content', default: '#ffff00', tooltip: 'brand accent color, used for search highlights', },
{ 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: '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-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-BG-color', group: 'content', default: '#ffffff', tooltip: 'background color of content', },
{ name: 'TAG-BG-color', group: 'content', fallback: 'PRIMARY-color', tooltip: 'tag color', },
{ 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-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: '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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-font', group: 'code', default: '"Consolas", menlo, monospace', tooltip: 'text font of code', },
{ name: 'CODE-BLOCK-color', group: 'code blocks', default: '#000000', tooltip: 'fallback text color of block code; should be adjusted to your selected chroma style', },
{ name: 'CODE-BLOCK-BG-color', group: 'code blocks', default: '#f8f8f8', tooltip: 'fallback background color of block code; should be adjusted to your selected chroma style', },
{ 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-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-theme', group: 'code', default: 'relearn-light', tooltip: 'name of the chroma stylesheet file' },
{ name: 'CODE-font', group: 'code', default: '"Consolas", menlo, monospace', tooltip: 'text font of code' },
{ name: 'CODE-BLOCK-color', group: 'code blocks', default: '#000000', tooltip: 'fallback text color of block code; should be adjusted to your selected chroma style' },
{ name: 'CODE-BLOCK-BG-color', group: 'code blocks', default: '#f8f8f8', tooltip: 'fallback background color of block code; should be adjusted to your selected chroma style' },
{ 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-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: '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: '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: '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: '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: '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-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-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-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-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-BORDER-color', group: 'header', fallback: 'MENU-SEARCH-BG-color', tooltip: 'border color of search box', },
{ 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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-INFO-TEXT-color', group: 'colored boxes', fallback: 'BOX-BLUE-TEXT-color', tooltip: 'text color of info 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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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' },
],
};

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

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

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

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