Skip to content

Commit 4bd381a

Browse files
orangecmsorangecms
committed
Fix syntax highlighting for code snippet
This sets the syntax for `content/_index` to be shell input. In dark mode, it was barely readable, light grey on nearly white. We pick the github-dark style for best readability on the dark grey background. CSS generated via: ```sh hugo gen chromastyles --style=github-dark > static/css/syntax.css ``` See also: https://github.com/halogenica/beautifulhugo#syntax-highlighting Signed-off-by: Daniel Maslowski <info@orangecms.org>
1 parent 7fc5e39 commit 4bd381a

2 files changed

Lines changed: 85 additions & 66 deletions

File tree

‎content/_index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ LinuxBoot is a Linux Foundation project and as such has a [technical charter](
2929

3030
### Getting Started
3131

32-
```
32+
```sh
3333
git clone https://github.com/linuxboot/linuxboot
3434
cd linuxboot
3535
make \

‎static/css/syntax.css‎

Lines changed: 84 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,86 @@
1-
/* Background */ .chroma { background-color: #f0f3f3 }
2-
/* Error */ .chroma .err { color: #aa0000; background-color: #ffaaaa }
3-
/* LineTableTD */ .chroma .lntd { ; vertical-align: top; padding: 0; margin: 0; border: 0; }
4-
/* LineTable */ .chroma .lntable { ; border-spacing: 0; padding: 0; margin: 0; border: 0; width: 100%; overflow: auto; display: block; }
5-
/* LineHighlight */ .chroma .hl { background-color: #ffffcc; display: block; width: 100% }
6-
/* LineNumbersTable */ .chroma .lnt { ; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; display: block; }
7-
/* LineNumbers */ .chroma .ln { ; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
8-
/* Keyword */ .chroma .k { color: #006699; font-weight: bold }
9-
/* KeywordConstant */ .chroma .kc { color: #006699; font-weight: bold }
10-
/* KeywordDeclaration */ .chroma .kd { color: #006699; font-weight: bold }
11-
/* KeywordNamespace */ .chroma .kn { color: #006699; font-weight: bold }
12-
/* KeywordPseudo */ .chroma .kp { color: #006699 }
13-
/* KeywordReserved */ .chroma .kr { color: #006699; font-weight: bold }
14-
/* KeywordType */ .chroma .kt { color: #007788; font-weight: bold }
15-
/* NameAttribute */ .chroma .na { color: #330099 }
16-
/* NameBuiltin */ .chroma .nb { color: #336666 }
17-
/* NameClass */ .chroma .nc { color: #00aa88; font-weight: bold }
18-
/* NameConstant */ .chroma .no { color: #336600 }
19-
/* NameDecorator */ .chroma .nd { color: #9999ff }
20-
/* NameEntity */ .chroma .ni { color: #999999; font-weight: bold }
21-
/* NameException */ .chroma .ne { color: #cc0000; font-weight: bold }
22-
/* NameFunction */ .chroma .nf { color: #cc00ff }
23-
/* NameLabel */ .chroma .nl { color: #9999ff }
24-
/* NameNamespace */ .chroma .nn { color: #00ccff; font-weight: bold }
25-
/* NameTag */ .chroma .nt { color: #330099; font-weight: bold }
26-
/* NameVariable */ .chroma .nv { color: #003333 }
27-
/* LiteralString */ .chroma .s { color: #cc3300 }
28-
/* LiteralStringAffix */ .chroma .sa { color: #cc3300 }
29-
/* LiteralStringBacktick */ .chroma .sb { color: #cc3300 }
30-
/* LiteralStringChar */ .chroma .sc { color: #cc3300 }
31-
/* LiteralStringDelimiter */ .chroma .dl { color: #cc3300 }
32-
/* LiteralStringDoc */ .chroma .sd { color: #cc3300; font-style: italic }
33-
/* LiteralStringDouble */ .chroma .s2 { color: #cc3300 }
34-
/* LiteralStringEscape */ .chroma .se { color: #cc3300; font-weight: bold }
35-
/* LiteralStringHeredoc */ .chroma .sh { color: #cc3300 }
36-
/* LiteralStringInterpol */ .chroma .si { color: #aa0000 }
37-
/* LiteralStringOther */ .chroma .sx { color: #cc3300 }
38-
/* LiteralStringRegex */ .chroma .sr { color: #33aaaa }
39-
/* LiteralStringSingle */ .chroma .s1 { color: #cc3300 }
40-
/* LiteralStringSymbol */ .chroma .ss { color: #ffcc33 }
41-
/* LiteralNumber */ .chroma .m { color: #ff6600 }
42-
/* LiteralNumberBin */ .chroma .mb { color: #ff6600 }
43-
/* LiteralNumberFloat */ .chroma .mf { color: #ff6600 }
44-
/* LiteralNumberHex */ .chroma .mh { color: #ff6600 }
45-
/* LiteralNumberInteger */ .chroma .mi { color: #ff6600 }
46-
/* LiteralNumberIntegerLong */ .chroma .il { color: #ff6600 }
47-
/* LiteralNumberOct */ .chroma .mo { color: #ff6600 }
48-
/* Operator */ .chroma .o { color: #555555 }
49-
/* OperatorWord */ .chroma .ow { color: #000000; font-weight: bold }
50-
/* Comment */ .chroma .c { color: #0099ff; font-style: italic }
51-
/* CommentHashbang */ .chroma .ch { color: #0099ff; font-style: italic }
52-
/* CommentMultiline */ .chroma .cm { color: #0099ff; font-style: italic }
53-
/* CommentSingle */ .chroma .c1 { color: #0099ff; font-style: italic }
54-
/* CommentSpecial */ .chroma .cs { color: #0099ff; font-weight: bold; font-style: italic }
55-
/* CommentPreproc */ .chroma .cp { color: #009999 }
56-
/* CommentPreprocFile */ .chroma .cpf { color: #009999 }
57-
/* GenericDeleted */ .chroma .gd { background-color: #ffcccc }
1+
/* Background */ .bg { color: #c9d1d9; background-color: #0d1117; }
2+
/* PreWrapper */ .chroma { color: #c9d1d9; background-color: #0d1117; }
3+
/* Other */ .chroma .x { }
4+
/* Error */ .chroma .err { color: #f85149 }
5+
/* CodeLine */ .chroma .cl { }
6+
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
7+
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
8+
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
9+
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
10+
/* 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: #64686c }
11+
/* 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: #6e7681 }
12+
/* Line */ .chroma .line { display: flex; }
13+
/* Keyword */ .chroma .k { color: #ff7b72 }
14+
/* KeywordConstant */ .chroma .kc { color: #79c0ff }
15+
/* KeywordDeclaration */ .chroma .kd { color: #ff7b72 }
16+
/* KeywordNamespace */ .chroma .kn { color: #ff7b72 }
17+
/* KeywordPseudo */ .chroma .kp { color: #79c0ff }
18+
/* KeywordReserved */ .chroma .kr { color: #ff7b72 }
19+
/* KeywordType */ .chroma .kt { color: #ff7b72 }
20+
/* Name */ .chroma .n { }
21+
/* NameAttribute */ .chroma .na { }
22+
/* NameBuiltin */ .chroma .nb { }
23+
/* NameBuiltinPseudo */ .chroma .bp { }
24+
/* NameClass */ .chroma .nc { color: #f0883e; font-weight: bold }
25+
/* NameConstant */ .chroma .no { color: #79c0ff; font-weight: bold }
26+
/* NameDecorator */ .chroma .nd { color: #d2a8ff; font-weight: bold }
27+
/* NameEntity */ .chroma .ni { color: #ffa657 }
28+
/* NameException */ .chroma .ne { color: #f0883e; font-weight: bold }
29+
/* NameFunction */ .chroma .nf { color: #d2a8ff; font-weight: bold }
30+
/* NameFunctionMagic */ .chroma .fm { }
31+
/* NameLabel */ .chroma .nl { color: #79c0ff; font-weight: bold }
32+
/* NameNamespace */ .chroma .nn { color: #ff7b72 }
33+
/* NameOther */ .chroma .nx { }
34+
/* NameProperty */ .chroma .py { color: #79c0ff }
35+
/* NameTag */ .chroma .nt { color: #7ee787 }
36+
/* NameVariable */ .chroma .nv { color: #79c0ff }
37+
/* NameVariableClass */ .chroma .vc { }
38+
/* NameVariableGlobal */ .chroma .vg { }
39+
/* NameVariableInstance */ .chroma .vi { }
40+
/* NameVariableMagic */ .chroma .vm { }
41+
/* Literal */ .chroma .l { color: #a5d6ff }
42+
/* LiteralDate */ .chroma .ld { color: #79c0ff }
43+
/* LiteralString */ .chroma .s { color: #a5d6ff }
44+
/* LiteralStringAffix */ .chroma .sa { color: #79c0ff }
45+
/* LiteralStringBacktick */ .chroma .sb { color: #a5d6ff }
46+
/* LiteralStringChar */ .chroma .sc { color: #a5d6ff }
47+
/* LiteralStringDelimiter */ .chroma .dl { color: #79c0ff }
48+
/* LiteralStringDoc */ .chroma .sd { color: #a5d6ff }
49+
/* LiteralStringDouble */ .chroma .s2 { color: #a5d6ff }
50+
/* LiteralStringEscape */ .chroma .se { color: #79c0ff }
51+
/* LiteralStringHeredoc */ .chroma .sh { color: #79c0ff }
52+
/* LiteralStringInterpol */ .chroma .si { color: #a5d6ff }
53+
/* LiteralStringOther */ .chroma .sx { color: #a5d6ff }
54+
/* LiteralStringRegex */ .chroma .sr { color: #79c0ff }
55+
/* LiteralStringSingle */ .chroma .s1 { color: #a5d6ff }
56+
/* LiteralStringSymbol */ .chroma .ss { color: #a5d6ff }
57+
/* LiteralNumber */ .chroma .m { color: #a5d6ff }
58+
/* LiteralNumberBin */ .chroma .mb { color: #a5d6ff }
59+
/* LiteralNumberFloat */ .chroma .mf { color: #a5d6ff }
60+
/* LiteralNumberHex */ .chroma .mh { color: #a5d6ff }
61+
/* LiteralNumberInteger */ .chroma .mi { color: #a5d6ff }
62+
/* LiteralNumberIntegerLong */ .chroma .il { color: #a5d6ff }
63+
/* LiteralNumberOct */ .chroma .mo { color: #a5d6ff }
64+
/* Operator */ .chroma .o { color: #ff7b72; font-weight: bold }
65+
/* OperatorWord */ .chroma .ow { color: #ff7b72; font-weight: bold }
66+
/* Punctuation */ .chroma .p { }
67+
/* Comment */ .chroma .c { color: #8b949e; font-style: italic }
68+
/* CommentHashbang */ .chroma .ch { color: #8b949e; font-style: italic }
69+
/* CommentMultiline */ .chroma .cm { color: #8b949e; font-style: italic }
70+
/* CommentSingle */ .chroma .c1 { color: #8b949e; font-style: italic }
71+
/* CommentSpecial */ .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic }
72+
/* CommentPreproc */ .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic }
73+
/* CommentPreprocFile */ .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic }
74+
/* Generic */ .chroma .g { }
75+
/* GenericDeleted */ .chroma .gd { color: #ffa198; background-color: #490202 }
5876
/* GenericEmph */ .chroma .ge { font-style: italic }
59-
/* GenericError */ .chroma .gr { color: #ff0000 }
60-
/* GenericHeading */ .chroma .gh { color: #003300; font-weight: bold }
61-
/* GenericInserted */ .chroma .gi { background-color: #ccffcc }
62-
/* GenericOutput */ .chroma .go { color: #aaaaaa }
63-
/* GenericPrompt */ .chroma .gp { color: #000099; font-weight: bold }
77+
/* GenericError */ .chroma .gr { color: #ffa198 }
78+
/* GenericHeading */ .chroma .gh { color: #79c0ff; font-weight: bold }
79+
/* GenericInserted */ .chroma .gi { color: #56d364; background-color: #0f5323 }
80+
/* GenericOutput */ .chroma .go { color: #8b949e }
81+
/* GenericPrompt */ .chroma .gp { color: #8b949e }
6482
/* GenericStrong */ .chroma .gs { font-weight: bold }
65-
/* GenericSubheading */ .chroma .gu { color: #003300; font-weight: bold }
66-
/* GenericTraceback */ .chroma .gt { color: #99cc66 }
67-
/* TextWhitespace */ .chroma .w { color: #bbbbbb }
83+
/* GenericSubheading */ .chroma .gu { color: #79c0ff }
84+
/* GenericTraceback */ .chroma .gt { color: #ff7b72 }
85+
/* GenericUnderline */ .chroma .gl { text-decoration: underline }
86+
/* TextWhitespace */ .chroma .w { color: #6e7681 }

0 commit comments

Comments
 (0)