nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-27 01:33:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

syntaxhighlight: adjust highlighted line color #569

Browse source
This commit is contained in:
Sören Weber 2023-06-17 00:37:44 +02:00
parent 2be07f6871
commit ca6965b843
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
5 changed files with 100 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
exampleSite/content/tests/code/_index.en.md
View file

@ -56,7 +56,7 @@ Some preformatted stuff in HTML elements
#### %% #### %%
{{% highlight json "linenos=inline" %}} {{% highlight json "linenos=inline,hl_lines=1 2,anchorlinenos=true" %}}
{ {
"Hello": "World" "Hello": "World" "Hello": "World" "Hello": "World" "Hello": "World" "Hello": "World"
} }
@ -64,7 +64,7 @@ Some preformatted stuff in HTML elements
#### <> #### <>
{{< highlight json "linenos=table" >}} {{< highlight json "linenos=table,hl_lines=1 2,anchorlinenos=true" >}}
{ {
"Hello": "World" "Hello": "World" "Hello": "World" "Hello": "World" "Hello": "World" "Hello": "World"
} }
@ -75,32 +75,40 @@ Some preformatted stuff in HTML elements
#### %% %% #### %% %%
{{% tab title="json" %}} {{% tab title="json" %}}
{{% highlight html "linenos=true" %}} {{% highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" %}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{% /highlight %}} {{% /highlight %}}
{{% /tab %}} {{% /tab %}}
#### %% <> #### %% <>
{{% tab title="json" %}} {{% tab title="json" %}}
{{< highlight html "linenos=true" >}} {{< highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" >}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{< /highlight >}} {{< /highlight >}}
{{% /tab %}} {{% /tab %}}
#### <> %% #### <> %%
{{< tab title="json" >}} {{< tab title="json" >}}
{{% highlight html "linenos=true" %}} {{% highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" %}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{% /highlight %}} {{% /highlight %}}
{{< /tab >}} {{< /tab >}}
#### <> <> #### <> <>
{{< tab title="json" >}} {{< tab title="json" >}}
{{< highlight html "linenos=true" >}} {{< highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" >}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{< /highlight >}} {{< /highlight >}}
{{< /tab >}} {{< /tab >}}
@ -110,8 +118,10 @@ Some preformatted stuff in HTML elements
{{% tabs %}} {{% tabs %}}
{{% tab title="json" %}} {{% tab title="json" %}}
{{% highlight html "linenos=true" %}} {{% highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" %}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{% /highlight %}} {{% /highlight %}}
{{% /tab %}} {{% /tab %}}
{{% /tabs %}} {{% /tabs %}}
@ -120,8 +130,10 @@ Some preformatted stuff in HTML elements
{{% tabs %}} {{% tabs %}}
{{% tab title="json" %}} {{% tab title="json" %}}
{{< highlight html "linenos=true" >}} {{< highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" >}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{< /highlight >}} {{< /highlight >}}
{{% /tab %}} {{% /tab %}}
{{% /tabs %}} {{% /tabs %}}
@ -130,8 +142,10 @@ Some preformatted stuff in HTML elements
{{% tabs %}} {{% tabs %}}
{{< tab title="json" >}} {{< tab title="json" >}}
{{% highlight html "linenos=true" %}} {{% highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" %}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{% /highlight %}} {{% /highlight %}}
{{< /tab >}} {{< /tab >}}
{{% /tabs %}} {{% /tabs %}}
@ -140,8 +154,10 @@ Some preformatted stuff in HTML elements
{{% tabs %}} {{% tabs %}}
{{< tab title="json" >}} {{< tab title="json" >}}
{{< highlight html "linenos=true" >}} {{< highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" >}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{< /highlight >}} {{< /highlight >}}
{{< /tab >}} {{< /tab >}}
{{% /tabs %}} {{% /tabs %}}
@ -150,8 +166,10 @@ Some preformatted stuff in HTML elements
{{< tabs >}} {{< tabs >}}
{{% tab title="json" %}} {{% tab title="json" %}}
{{% highlight html "linenos=true" %}} {{% highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" %}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{% /highlight %}} {{% /highlight %}}
{{% /tab %}} {{% /tab %}}
{{< /tabs >}} {{< /tabs >}}
@ -160,8 +178,10 @@ Some preformatted stuff in HTML elements
{{< tabs >}} {{< tabs >}}
{{% tab title="json" %}} {{% tab title="json" %}}
{{< highlight html "linenos=true" >}} {{< highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" >}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{< /highlight >}} {{< /highlight >}}
{{% /tab %}} {{% /tab %}}
{{< /tabs >}} {{< /tabs >}}
@ -170,8 +190,10 @@ Some preformatted stuff in HTML elements
{{< tabs >}} {{< tabs >}}
{{< tab title="json" >}} {{< tab title="json" >}}
{{% highlight html "linenos=true" %}} {{% highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" %}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{% /highlight %}} {{% /highlight %}}
{{< /tab >}} {{< /tab >}}
{{< /tabs >}} {{< /tabs >}}
@ -180,8 +202,10 @@ Some preformatted stuff in HTML elements
{{< tabs >}} {{< tabs >}}
{{< tab title="json" >}} {{< tab title="json" >}}
{{< highlight html "linenos=true" >}} {{< highlight html "linenos=table,hl_lines=1 2,anchorlinenos=true" >}}
<p>my code</p> {
"Hello": "World" "Hello": "World" "Hello": "World"
}
{{< /highlight >}} {{< /highlight >}}
{{< /tab >}} {{< /tab >}}
{{< /tabs >}} {{< /tabs >}}

17
static/css/chroma-learn.css
View file

@ -1,12 +1,17 @@
/* based on base16-snazzy /* based on base16-snazzy */
/* Background */ .chroma { color: #e2e4e5; background-color: #282a36 } /* Background */ .bg { color: #e2e4e5; background-color: #282a36; }
/* PreWrapper */ .chroma { color: #e2e4e5; background-color: #282a36; }
/* Other */ .chroma .x { } /* Other */ .chroma .x { }
/* Error */ .chroma .err { color: #ff5c57 } /* Error */ .chroma .err { color: #ff5c57 }
/* CodeLine */ .chroma .cl { }
/* 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; width: auto; overflow: auto; display: block; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } /* LineHighlight */ .chroma .hl { background-color: #505050 }
/* LineNumbersTable */ .chroma .lnt { 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 { 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; }
f7f7f }
/* Keyword */ .chroma .k { color: #ff6ac1 } /* Keyword */ .chroma .k { color: #ff6ac1 }
/* KeywordConstant */ .chroma .kc { color: #ff6ac1 } /* KeywordConstant */ .chroma .kc { color: #ff6ac1 }
/* KeywordDeclaration */ .chroma .kd { color: #ff5c57 } /* KeywordDeclaration */ .chroma .kd { color: #ff5c57 }

16
static/css/chroma-neon.css
View file

@ -2,15 +2,19 @@
ignore this variant in IE completely */ ignore this variant in IE completely */
@supports not (-ms-high-contrast:none) { @supports not (-ms-high-contrast:none) {
/* based on rrt /* based on rrt */
/* Background */ .chroma { color: #f8f8f2; background-color: #000000 } /* Background */ .bg { color: #f8f8f2; background-color: #000000; }
/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #000000; }
/* Other */ .chroma .x { } /* Other */ .chroma .x { }
/* Error */ .chroma .err { } /* Error */ .chroma .err { }
/* CodeLine */ .chroma .cl { }
/* 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; width: auto; overflow: auto; display: block; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } /* LineHighlight */ .chroma .hl { background-color: #363638 }
/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7c7c79 } /* 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: #7c7c79 }
/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7c7c79 } /* 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: #7c7c79 }
/* Line */ .chroma .line { display: flex; }
/* Keyword */ .chroma .k { color: #ff0000 } /* Keyword */ .chroma .k { color: #ff0000 }
/* KeywordConstant */ .chroma .kc { color: #ff0000 } /* KeywordConstant */ .chroma .kc { color: #ff0000 }
/* KeywordDeclaration */ .chroma .kd { color: #ff0000 } /* KeywordDeclaration */ .chroma .kd { color: #ff0000 }

34
static/css/chroma-relearn-dark.css
View file

@ -1,12 +1,16 @@
/* based on monokai /* based on monokai */
/* Background */ .chroma { color: #f8f8f8; background-color: #2b2b2b } /* Background */ .bg { color: #f8f8f2; background-color: #2b2b2b; }
/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #2b2b2b; }
/* Other */ .chroma .x { } /* Other */ .chroma .x { }
/* Error */ .chroma .err { color: #960050; } /* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
/* CodeLine */ .chroma .cl { }
/* 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; width: auto; overflow: auto; display: block; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } /* LineHighlight */ .chroma .hl { background-color: #404042 }
/* LineNumbersTable */ .chroma .lnt { 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 { 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; }
/* Keyword */ .chroma .k { color: #66d9ef } /* Keyword */ .chroma .k { color: #66d9ef }
/* KeywordConstant */ .chroma .kc { color: #66d9ef } /* KeywordConstant */ .chroma .kc { color: #66d9ef }
/* KeywordDeclaration */ .chroma .kd { color: #66d9ef } /* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
@ -61,13 +65,13 @@
/* Operator */ .chroma .o { color: #f92672 } /* Operator */ .chroma .o { color: #f92672 }
/* OperatorWord */ .chroma .ow { color: #f92672 } /* OperatorWord */ .chroma .ow { color: #f92672 }
/* Punctuation */ .chroma .p { } /* Punctuation */ .chroma .p { }
/* Comment */ .chroma .c { color: #7c7c7c } /* Comment */ .chroma .c { color: #75715e }
/* CommentHashbang */ .chroma .ch { color: #7c7c7c } /* CommentHashbang */ .chroma .ch { color: #75715e }
/* CommentMultiline */ .chroma .cm { color: #7c7c7c } /* CommentMultiline */ .chroma .cm { color: #75715e }
/* CommentSingle */ .chroma .c1 { color: #7c7c7c } /* CommentSingle */ .chroma .c1 { color: #75715e }
/* CommentSpecial */ .chroma .cs { color: #7c7c7c } /* CommentSpecial */ .chroma .cs { color: #75715e }
/* CommentPreproc */ .chroma .cp { color: #7c7c7c } /* CommentPreproc */ .chroma .cp { color: #75715e }
/* CommentPreprocFile */ .chroma .cpf { color: #7c7c7c } /* CommentPreprocFile */ .chroma .cpf { color: #75715e }
/* Generic */ .chroma .g { } /* Generic */ .chroma .g { }
/* GenericDeleted */ .chroma .gd { color: #f92672 } /* GenericDeleted */ .chroma .gd { color: #f92672 }
/* GenericEmph */ .chroma .ge { font-style: italic } /* GenericEmph */ .chroma .ge { font-style: italic }
@ -77,7 +81,7 @@
/* GenericOutput */ .chroma .go { } /* GenericOutput */ .chroma .go { }
/* GenericPrompt */ .chroma .gp { } /* GenericPrompt */ .chroma .gp { }
/* GenericStrong */ .chroma .gs { font-weight: bold } /* GenericStrong */ .chroma .gs { font-weight: bold }
/* GenericSubheading */ .chroma .gu { color: #7c7c7c } /* GenericSubheading */ .chroma .gu { color: #75715e }
/* GenericTraceback */ .chroma .gt { } /* GenericTraceback */ .chroma .gt { }
/* GenericUnderline */ .chroma .gl { } /* GenericUnderline */ .chroma .gl { }
/* TextWhitespace */ .chroma .w { } /* TextWhitespace */ .chroma .w { }

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

@ -1,12 +1,16 @@
/* based on tango /* based on tango */
/* Background */ .chroma { background-color: #f8f8f8 } /* Background */ .bg { background-color: #f8f8f8; }
/* PreWrapper */ .chroma { background-color: #f8f8f8; }
/* Other */ .chroma .x { color: #000000 } /* Other */ .chroma .x { color: #000000 }
/* Error */ .chroma .err { color: #a40000 } /* Error */ .chroma .err { color: #a40000 }
/* CodeLine */ .chroma .cl { }
/* 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; width: auto; overflow: auto; display: block; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } /* LineHighlight */ .chroma .hl { background-color: #ffffcc }
/* LineNumbersTable */ .chroma .lnt { 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 { 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; }
/* Keyword */ .chroma .k { color: #204a87; font-weight: bold } /* Keyword */ .chroma .k { color: #204a87; font-weight: bold }
/* KeywordConstant */ .chroma .kc { color: #204a87; font-weight: bold } /* KeywordConstant */ .chroma .kc { color: #204a87; font-weight: bold }
/* KeywordDeclaration */ .chroma .kd { color: #204a87; font-weight: bold } /* KeywordDeclaration */ .chroma .kd { color: #204a87; font-weight: bold }