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

variant: increase contrast for light themes #722

Browse source
This commit is contained in:
Sören Weber 2023-11-16 22:19:20 +01:00
parent 264250c7c7
commit 0f6620a9ff
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
9 changed files with 124 additions and 118 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
exampleSite/content/basics/migration/_index.en.md
View file

@ -18,6 +18,12 @@ This document shows you what's new in the latest release and flags it with one o
--- ---
## 5.24.0.beta {#5240}
- {{% badge style="note" title=" " %}}Change{{% /badge %}} The light themes have a bit more contrast for content text and headings. Also the syntaxhighlighting was changed to the more colorful MonokaiLight. This brings the syntaxhighlightning in sync with the corresponding dark theme variants, which are using Monokai.
---
## 5.23.0 (2023-11-03) {#5230} ## 5.23.0 (2023-11-03) {#5230}
- {{% badge style="note" title=" " %}}Change{{% /badge %}} With {{% badge color="fuchsia" icon="fab fa-hackerrank" title=" " %}}0.120.0{{% /badge %}} the author settings move into the `[params]` array in your `config.toml`. Because this collides with the previous way, the theme expected author information, it now adheres to Hugo standards and prints out a warning during built if something is wrong. - {{% badge style="note" title=" " %}}Change{{% /badge %}} With {{% badge color="fuchsia" icon="fab fa-hackerrank" title=" " %}}0.120.0{{% /badge %}} the author settings move into the `[params]` array in your `config.toml`. Because this collides with the previous way, the theme expected author information, it now adheres to Hugo standards and prints out a warning during built if something is wrong.

160
static/css/chroma-relearn-light.css
View file

@ -1,87 +1,87 @@
/* based on tango */ /* based on monokailight */
/* Background */ .bg { background-color: #f8f8f8; } /* Background */ .bg { color: #272822; background-color: #fafafa; }
/* PreWrapper */ .chroma { background-color: #f8f8f8; } /* PreWrapper */ .chroma { color: #272822; background-color: #fafafa; }
/* Other */ .chroma .x { color: #000000 } /* Other */ .chroma .x { }
/* Error */ .chroma .err { color: #a40000 } /* Error */ .chroma .err { color: #960050; }
/* CodeLine */ .chroma .cl { } /* CodeLine */ .chroma .cl { }
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit } /* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { background-color: #fbf1d0 } /* LineHighlight */ .chroma .hl { background-color: #e1e1e1 }
/* LineNumbersTable */ .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } /* LineNumbersTable */ .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* LineNumbers */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } /* LineNumbers */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* Line */ .chroma .line { display: flex; } /* Line */ .chroma .line { display: flex; }
/* Keyword */ .chroma .k { color: #204a87; font-weight: bold } /* Keyword */ .chroma .k { color: #00a8c8 }
/* KeywordConstant */ .chroma .kc { color: #204a87; font-weight: bold } /* KeywordConstant */ .chroma .kc { color: #00a8c8 }
/* KeywordDeclaration */ .chroma .kd { color: #204a87; font-weight: bold } /* KeywordDeclaration */ .chroma .kd { color: #00a8c8 }
/* KeywordNamespace */ .chroma .kn { color: #204a87; font-weight: bold } /* KeywordNamespace */ .chroma .kn { color: #f92672 }
/* KeywordPseudo */ .chroma .kp { color: #204a87; font-weight: bold } /* KeywordPseudo */ .chroma .kp { color: #00a8c8 }
/* KeywordReserved */ .chroma .kr { color: #204a87; font-weight: bold } /* KeywordReserved */ .chroma .kr { color: #00a8c8 }
/* KeywordType */ .chroma .kt { color: #204a87; font-weight: bold } /* KeywordType */ .chroma .kt { color: #00a8c8 }
/* Name */ .chroma .n { color: #000000 } /* Name */ .chroma .n { color: #111111 }
/* NameAttribute */ .chroma .na { color: #c4a000 } /* NameAttribute */ .chroma .na { color: #75af00 }
/* NameBuiltin */ .chroma .nb { color: #204a87 } /* NameBuiltin */ .chroma .nb { color: #111111 }
/* NameBuiltinPseudo */ .chroma .bp { color: #3465a4 } /* NameBuiltinPseudo */ .chroma .bp { color: #111111 }
/* NameClass */ .chroma .nc { color: #000000 } /* NameClass */ .chroma .nc { color: #75af00 }
/* NameConstant */ .chroma .no { color: #000000 } /* NameConstant */ .chroma .no { color: #00a8c8 }
/* NameDecorator */ .chroma .nd { color: #5c35cc; font-weight: bold } /* NameDecorator */ .chroma .nd { color: #75af00 }
/* NameEntity */ .chroma .ni { color: #ce5c00 } /* NameEntity */ .chroma .ni { color: #111111 }
/* NameException */ .chroma .ne { color: #cc0000; font-weight: bold } /* NameException */ .chroma .ne { color: #75af00 }
/* NameFunction */ .chroma .nf { color: #000000 } /* NameFunction */ .chroma .nf { color: #75af00 }
/* NameFunctionMagic */ .chroma .fm { color: #000000 } /* NameFunctionMagic */ .chroma .fm { color: #111111 }
/* NameLabel */ .chroma .nl { color: #f57900 } /* NameLabel */ .chroma .nl { color: #111111 }
/* NameNamespace */ .chroma .nn { color: #000000 } /* NameNamespace */ .chroma .nn { color: #111111 }
/* NameOther */ .chroma .nx { color: #000000 } /* NameOther */ .chroma .nx { color: #75af00 }
/* NameProperty */ .chroma .py { color: #000000 } /* NameProperty */ .chroma .py { color: #111111 }
/* NameTag */ .chroma .nt { color: #204a87; font-weight: bold } /* NameTag */ .chroma .nt { color: #f92672 }
/* NameVariable */ .chroma .nv { color: #000000 } /* NameVariable */ .chroma .nv { color: #111111 }
/* NameVariableClass */ .chroma .vc { color: #000000 } /* NameVariableClass */ .chroma .vc { color: #111111 }
/* NameVariableGlobal */ .chroma .vg { color: #000000 } /* NameVariableGlobal */ .chroma .vg { color: #111111 }
/* NameVariableInstance */ .chroma .vi { color: #000000 } /* NameVariableInstance */ .chroma .vi { color: #111111 }
/* NameVariableMagic */ .chroma .vm { color: #000000 } /* NameVariableMagic */ .chroma .vm { color: #111111 }
/* Literal */ .chroma .l { color: #000000 } /* Literal */ .chroma .l { color: #ae81ff }
/* LiteralDate */ .chroma .ld { color: #000000 } /* LiteralDate */ .chroma .ld { color: #d88200 }
/* LiteralString */ .chroma .s { color: #4e9a06 } /* LiteralString */ .chroma .s { color: #d88200 }
/* LiteralStringAffix */ .chroma .sa { color: #4e9a06 } /* LiteralStringAffix */ .chroma .sa { color: #d88200 }
/* LiteralStringBacktick */ .chroma .sb { color: #4e9a06 } /* LiteralStringBacktick */ .chroma .sb { color: #d88200 }
/* LiteralStringChar */ .chroma .sc { color: #4e9a06 } /* LiteralStringChar */ .chroma .sc { color: #d88200 }
/* LiteralStringDelimiter */ .chroma .dl { color: #4e9a06 } /* LiteralStringDelimiter */ .chroma .dl { color: #d88200 }
/* LiteralStringDoc */ .chroma .sd { color: #8f5902; font-style: italic } /* LiteralStringDoc */ .chroma .sd { color: #d88200 }
/* LiteralStringDouble */ .chroma .s2 { color: #4e9a06 } /* LiteralStringDouble */ .chroma .s2 { color: #d88200 }
/* LiteralStringEscape */ .chroma .se { color: #4e9a06 } /* LiteralStringEscape */ .chroma .se { color: #8045ff }
/* LiteralStringHeredoc */ .chroma .sh { color: #4e9a06 } /* LiteralStringHeredoc */ .chroma .sh { color: #d88200 }
/* LiteralStringInterpol */ .chroma .si { color: #4e9a06 } /* LiteralStringInterpol */ .chroma .si { color: #d88200 }
/* LiteralStringOther */ .chroma .sx { color: #4e9a06 } /* LiteralStringOther */ .chroma .sx { color: #d88200 }
/* LiteralStringRegex */ .chroma .sr { color: #4e9a06 } /* LiteralStringRegex */ .chroma .sr { color: #d88200 }
/* LiteralStringSingle */ .chroma .s1 { color: #4e9a06 } /* LiteralStringSingle */ .chroma .s1 { color: #d88200 }
/* LiteralStringSymbol */ .chroma .ss { color: #4e9a06 } /* LiteralStringSymbol */ .chroma .ss { color: #d88200 }
/* LiteralNumber */ .chroma .m { color: #0000cf; font-weight: bold } /* LiteralNumber */ .chroma .m { color: #ae81ff }
/* LiteralNumberBin */ .chroma .mb { color: #0000cf; font-weight: bold } /* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
/* LiteralNumberFloat */ .chroma .mf { color: #0000cf; font-weight: bold } /* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
/* LiteralNumberHex */ .chroma .mh { color: #0000cf; font-weight: bold } /* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
/* LiteralNumberInteger */ .chroma .mi { color: #0000cf; font-weight: bold } /* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
/* LiteralNumberIntegerLong */ .chroma .il { color: #0000cf; font-weight: bold } /* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
/* LiteralNumberOct */ .chroma .mo { color: #0000cf; font-weight: bold } /* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
/* Operator */ .chroma .o { color: #ce5c00; font-weight: bold } /* Operator */ .chroma .o { color: #f92672 }
/* OperatorWord */ .chroma .ow { color: #204a87; font-weight: bold } /* OperatorWord */ .chroma .ow { color: #f92672 }
/* Punctuation */ .chroma .p { color: #000000; font-weight: bold } /* Punctuation */ .chroma .p { color: #111111 }
/* Comment */ .chroma .c { color: #8f5902; font-style: italic } /* Comment */ .chroma .c { color: #75715e }
/* CommentHashbang */ .chroma .ch { color: #8f5902; font-style: italic } /* CommentHashbang */ .chroma .ch { color: #75715e }
/* CommentMultiline */ .chroma .cm { color: #8f5902; font-style: italic } /* CommentMultiline */ .chroma .cm { color: #75715e }
/* CommentSingle */ .chroma .c1 { color: #8f5902; font-style: italic } /* CommentSingle */ .chroma .c1 { color: #75715e }
/* CommentSpecial */ .chroma .cs { color: #8f5902; font-style: italic } /* CommentSpecial */ .chroma .cs { color: #75715e }
/* CommentPreproc */ .chroma .cp { color: #8f5902; font-style: italic } /* CommentPreproc */ .chroma .cp { color: #75715e }
/* CommentPreprocFile */ .chroma .cpf { color: #8f5902; font-style: italic } /* CommentPreprocFile */ .chroma .cpf { color: #75715e }
/* Generic */ .chroma .g { color: #000000 } /* Generic */ .chroma .g { }
/* GenericDeleted */ .chroma .gd { color: #a40000 } /* GenericDeleted */ .chroma .gd { }
/* GenericEmph */ .chroma .ge { color: #000000; font-style: italic } /* GenericEmph */ .chroma .ge { font-style: italic }
/* GenericError */ .chroma .gr { color: #ef2929 } /* GenericError */ .chroma .gr { }
/* GenericHeading */ .chroma .gh { color: #000080; font-weight: bold } /* GenericHeading */ .chroma .gh { }
/* GenericInserted */ .chroma .gi { color: #00a000 } /* GenericInserted */ .chroma .gi { }
/* GenericOutput */ .chroma .go { color: #000000; font-style: italic } /* GenericOutput */ .chroma .go { }
/* GenericPrompt */ .chroma .gp { color: #8f5902 } /* GenericPrompt */ .chroma .gp { }
/* GenericStrong */ .chroma .gs { color: #000000; font-weight: bold } /* GenericStrong */ .chroma .gs { font-weight: bold }
/* GenericSubheading */ .chroma .gu { color: #800080; font-weight: bold } /* GenericSubheading */ .chroma .gu { }
/* GenericTraceback */ .chroma .gt { color: #a40000; font-weight: bold } /* GenericTraceback */ .chroma .gt { }
/* GenericUnderline */ .chroma .gl { color: #000000; text-decoration: underline } /* GenericUnderline */ .chroma .gl { }
/* TextWhitespace */ .chroma .w { color: #f8f8f8; text-decoration: underline } /* TextWhitespace */ .chroma .w { }

44
static/css/ie.css
View file

@ -243,7 +243,7 @@
} }
body { body {
background-color: rgba( 255, 255, 255, 1 ); /* var(--MAIN-BG-color) */ background-color: rgba( 255, 255, 255, 1 ); /* var(--MAIN-BG-color) */
color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TEXT-color) */ color: rgba( 0, 0, 0, 1 ); /* var(--MAIN-TEXT-color) */
font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */ font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */
} }
@ -353,18 +353,18 @@
} }
h1 { h1 {
color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TEXT-color) */ color: rgba( 0, 0, 0, 1 ); /* var(--MAIN-TEXT-color) */
font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */ font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */
} }
h2, h3, .article-subheading, h4, h5, h6 { h2, h3, .article-subheading, h4, h5, h6 {
color: rgba( 74, 74, 74, 1 ); /* var(--MAIN-TITLES-TEXT-color) */ color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TITLES-TEXT-color) */
font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-TITLES-TEXT-font) */ font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-TITLES-TEXT-font) */
} }
.expand > input:active, .expand > input:active,
.expand > input:focus { .expand > input:focus {
outline-color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TEXT-color) */ outline-color: rgba( 0, 0, 0, 1 ); /* var(--MAIN-TEXT-color) */
} }
.expand > label { .expand > label {
@ -431,7 +431,7 @@
} }
div.box.primary > .box-content { div.box.primary > .box-content {
color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */ color: rgba( 0, 0, 0, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */
} }
div.box.secondary { div.box.secondary {
@ -440,7 +440,7 @@
} }
div.box.secondary > .box-content { div.box.secondary > .box-content {
color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */ color: rgba( 0, 0, 0, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */
} }
div.box.accent { div.box.accent {
@ -449,7 +449,7 @@
} }
div.box.accent > .box-content { div.box.accent > .box-content {
color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */ color: rgba( 0, 0, 0, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */
} }
div.box.blue { div.box.blue {
@ -503,12 +503,12 @@
} }
div.box.transparent > .box-label { div.box.transparent > .box-label {
color: rgba( 74, 74, 74, 1 ); /* var(--MAIN-TITLES-TEXT-color) */ color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TITLES-TEXT-color) */
} }
div.box.transparent > .box-content { div.box.transparent > .box-content {
background-color: transparent; background-color: transparent;
color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TEXT-color) */ color: rgba( 0, 0, 0, 1 ); /* var(--MAIN-TEXT-color) */
} }
code, code,
@ -525,13 +525,13 @@
} }
pre:not(.mermaid) { pre:not(.mermaid) {
background-color: rgba( 248, 248, 248, 1 ); /* var(--CODE-BLOCK-BG-color) */ background-color: rgba( 250, 250, 250, 1 ); /* var(--CODE-BLOCK-BG-color) */
border-color: rgba( 216, 216, 216, 1 ); /* var(--CODE-BLOCK-BORDER-color) */ border-color: rgba( 216, 216, 216, 1 ); /* var(--CODE-BLOCK-BORDER-color) */
color: rgba( 0, 0, 0, 1 ); /* var(--CODE-BLOCK-color) */ color: rgba( 39, 40, 34, 1 ); /* var(--CODE-BLOCK-color) */
} }
div.highlight > div { div.highlight > div {
background-color: rgba( 248, 248, 248, 1 ); /* var(--CODE-BLOCK-BG-color) */ background-color: rgba( 250, 250, 250, 1 ); /* var(--CODE-BLOCK-BG-color) */
border-color: rgba( 216, 216, 216, 1 ); /* var(--CODE-BLOCK-BORDER-color) */ border-color: rgba( 216, 216, 216, 1 ); /* var(--CODE-BLOCK-BORDER-color) */
} }
@ -549,7 +549,7 @@
#R-body a[aria-disabled="true"], #R-body a[aria-disabled="true"],
#R-searchresults .autocomplete-suggestion > .context { #R-searchresults .autocomplete-suggestion > .context {
color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TEXT-color) - inherit is not processed correctly in Chrome */ color: rgba( 0, 0, 0, 1 ); /* var(--MAIN-TEXT-color) - inherit is not processed correctly in Chrome */
} }
#R-searchresults .autocomplete-suggestion > .breadcrumbs { #R-searchresults .autocomplete-suggestion > .breadcrumbs {
@ -579,8 +579,8 @@
div.highlight pre:not(.mermaid) + .copy-to-clipboard-button:hover, div.highlight pre:not(.mermaid) + .copy-to-clipboard-button:hover,
pre:not(.mermaid) .copy-to-clipboard-button:hover { pre:not(.mermaid) .copy-to-clipboard-button:hover {
background-color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */ background-color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
border-color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */ border-color: #486ac9; /* var(--MAIN-LINK-color) */
color: rgba( 248, 248, 248, 1 ); /* var(--CODE-BLOCK-BG-color) */ color: rgba( 250, 250, 250, 1 ); /* var(--CODE-BLOCK-BG-color) */
} }
.svg-reset-button { .svg-reset-button {
@ -589,8 +589,8 @@
} }
.svg-reset-button:hover { .svg-reset-button:hover {
background-color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */ background-color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
border-color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */ border-color: #486ac9; /* var(--MAIN-LINK-color) */
color: rgba( 248, 248, 248, 1 ); /* var(--CODE-BLOCK-BG-color) */ color: rgba( 250, 250, 250, 1 ); /* var(--CODE-BLOCK-BG-color) */
} }
#R-homelinks { #R-homelinks {
@ -727,7 +727,7 @@
.btn.cstyle.transparent { .btn.cstyle.transparent {
background-color: transparent; background-color: transparent;
color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TEXT-color) */ color: rgba( 0, 0, 0, 1 ); /* var(--MAIN-TEXT-color) */
} }
.btn.cstyle.transparent:hover, .btn.cstyle.transparent:hover,
@ -737,7 +737,7 @@
} }
.btn.cstyle.transparent > * { .btn.cstyle.transparent > * {
color: rgba( 74, 74, 74, 1 ); /* var(--MAIN-TITLES-TEXT-color) */ color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TITLES-TEXT-color) */
} }
#R-body .tags a.term-link { #R-body .tags a.term-link {
@ -813,12 +813,12 @@
.badge.transparent > .badge-content { .badge.transparent > .badge-content {
background-color: transparent; background-color: transparent;
color: rgba( 74, 74, 74, 1 ); /* var(--MAIN-TITLES-TEXT-color) */ color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TITLES-TEXT-color) */
} }
article ul > li > input[type="checkbox"] { article ul > li > input[type="checkbox"] {
background-color: rgba( 255, 255, 255, 1 ); /* var(--INTERNAL-MAIN-BG-color); */ background-color: rgba( 255, 255, 255, 1 ); /* var(--INTERNAL-MAIN-BG-color); */
color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */ color: rgba( 0, 0, 0, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */
} }
article ul > li > input[type="checkbox"]::before { article ul > li > input[type="checkbox"]::before {
@ -827,7 +827,7 @@
/* no style support for tabs in IE11; all styled as default */ /* no style support for tabs in IE11; all styled as default */
#R-body .tab-nav-button { #R-body .tab-nav-button {
color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */ color: rgba( 0, 0, 0, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */
} }
#R-body .tab-nav-button.active { #R-body .tab-nav-button.active {

8
static/css/theme-relearn-bright.css
View file

@ -10,14 +10,14 @@
--SECONDARY-color: rgba( 99, 128, 208, 1 ); /* brand secondary color */ --SECONDARY-color: rgba( 99, 128, 208, 1 ); /* brand secondary color */
--ACCENT-color: rgba( 255, 136, 255, 1 ); /* brand accent color, used for search highlights */ --ACCENT-color: rgba( 255, 136, 255, 1 ); /* brand accent color, used for search highlights */
--MAIN-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of content and h1 titles */ --MAIN-TEXT-color: rgba( 0, 0, 0, 1 ); /* text color of content and h1 titles */
--MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hovered link color of content */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */
--MAIN-TITLES-TEXT-color: rgba( 74, 74, 74, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */
/* adjusted to relearn-light chroma style */ /* adjusted to relearn-light chroma style */
--CODE-BLOCK-color: rgba( 0, 0, 0, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 248, 248, 248, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 250, 250, 250, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 216, 216, 216, 1 ); /* border color of block code */ --CODE-BLOCK-BORDER-color: rgba( 216, 216, 216, 1 ); /* border color of block code */
--CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* text color of inline code */ --CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* text color of inline code */

2
static/css/theme-relearn-dark.css
View file

@ -16,7 +16,7 @@
--MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */
/* adjusted to relearn-dark chroma style */ /* adjusted to relearn-dark chroma style */
--CODE-BLOCK-color: rgba( 248, 248, 248, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 43, 43, 43, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 43, 43, 43, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of block code */ --CODE-BLOCK-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of block code */

8
static/css/theme-relearn-light.css
View file

@ -10,14 +10,14 @@
--SECONDARY-color: rgba( 72, 106, 201, 1 ); /* brand secondary color */ --SECONDARY-color: rgba( 72, 106, 201, 1 ); /* brand secondary color */
--ACCENT-color: rgba( 255, 136, 255, 1 ); /* brand accent color, used for search highlights */ --ACCENT-color: rgba( 255, 136, 255, 1 ); /* brand accent color, used for search highlights */
--MAIN-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of content and h1 titles */ --MAIN-TEXT-color: rgba( 0, 0, 0, 1 ); /* text color of content and h1 titles */
--MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hovered link color of content */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */
--MAIN-TITLES-TEXT-color: rgba( 74, 74, 74, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */
/* adjusted to relearn-light chroma style */ /* adjusted to relearn-light chroma style */
--CODE-BLOCK-color: rgba( 0, 0, 0, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 248, 248, 248, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 250, 250, 250, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 216, 216, 216, 1 ); /* border color of block code */ --CODE-BLOCK-BORDER-color: rgba( 216, 216, 216, 1 ); /* border color of block code */
--CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* text color of inline code */ --CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* text color of inline code */

2
static/css/theme-zen-dark.css
View file

@ -16,7 +16,7 @@
--MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */
/* adjusted to relearn-dark chroma style */ /* adjusted to relearn-dark chroma style */
--CODE-BLOCK-color: rgba( 248, 248, 248, 1 ); /* fallback text color of block code; should be adjusted in your selected chroma style */ --CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 43, 43, 43, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 43, 43, 43, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of block code */ --CODE-BLOCK-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of block code */

8
static/css/theme-zen-light.css
View file

@ -12,12 +12,12 @@
--MAIN-TOPBAR-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color between topbar and content */ --MAIN-TOPBAR-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color between topbar and content */
--MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hoverd link color of content */ --MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hoverd link color of content */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */
--MAIN-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of content and h1 titles */ --MAIN-TEXT-color: rgba( 0, 0, 0, 1 ); /* text color of content and h1 titles */
--MAIN-TITLES-TEXT-color: rgba( 74, 74, 74, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */
/* adjusted to relearn-light chroma style */ /* adjusted to relearn-light chroma style */
--CODE-BLOCK-color: rgba( 0, 0, 0, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 248, 248, 248, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-BG-color: rgba( 250, 250, 250, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color of block code */ --CODE-BLOCK-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color of block code */
--CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* text color of inline code */ --CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* text color of inline code */

4
static/css/variant-internal.css
View file

@ -30,8 +30,8 @@
--INTERNAL-MAIN-TITLES-H5-font: var(--MAIN-TITLES-H5-font, var(--INTERNAL-MAIN-TITLES-H4-font)); --INTERNAL-MAIN-TITLES-H5-font: var(--MAIN-TITLES-H5-font, var(--INTERNAL-MAIN-TITLES-H4-font));
--INTERNAL-MAIN-TITLES-H6-font: var(--MAIN-TITLES-H6-font, var(--INTERNAL-MAIN-TITLES-H5-font)); --INTERNAL-MAIN-TITLES-H6-font: var(--MAIN-TITLES-H6-font, var(--INTERNAL-MAIN-TITLES-H5-font));
--INTERNAL-CODE-BLOCK-color: var(--CODE-BLOCK-color, var(--MAIN-CODE-color, rgba( 0, 0, 0, 1 ))); --INTERNAL-CODE-BLOCK-color: var(--CODE-BLOCK-color, var(--MAIN-CODE-color, rgba( 39, 40, 34, 1 )));
--INTERNAL-CODE-BLOCK-BG-color: var(--CODE-BLOCK-BG-color, var(--MAIN-CODE-BG-color, rgba( 248, 248, 248, 1 ))); --INTERNAL-CODE-BLOCK-BG-color: var(--CODE-BLOCK-BG-color, var(--MAIN-CODE-BG-color, rgba( 250, 250, 250, 1 )));
--INTERNAL-CODE-BLOCK-BORDER-color: var(--CODE-BLOCK-BORDER-color, var(--MAIN-CODE-BG-color, var(--INTERNAL-CODE-BLOCK-BG-color))); --INTERNAL-CODE-BLOCK-BORDER-color: var(--CODE-BLOCK-BORDER-color, var(--MAIN-CODE-BG-color, var(--INTERNAL-CODE-BLOCK-BG-color)));
--INTERNAL-CODE-INLINE-color: var(--CODE-INLINE-color, rgba( 94, 94, 94, 1 )); --INTERNAL-CODE-INLINE-color: var(--CODE-INLINE-color, rgba( 94, 94, 94, 1 ));