Skip to content

Commit a4db933

Browse files
wxiaoguangwxiaoguang
committed
fix
1 parent 8540fc4 commit a4db933

File tree

3 files changed

+163
-137
lines changed

3 files changed

+163
-137
lines changed

‎web_src/less/chroma/base.less

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,13 @@
1+
/*
2+
maintain the themes:
3+
1. Get chroma binary with the same version
4+
2. Output CSS styles (https://github.com/alecthomas/chroma/tree/master/styles)
5+
* ./chroma --html-styles --style=github
6+
* ./chroma --html-styles --style=github-dark
7+
3. Remove unnecessary styles like ".bg"
8+
4. Add the style name to the code
9+
*/
10+
111
.chroma {
212
background-color: var(--color-code-bg);
313
}

‎web_src/less/chroma/dark.less

Lines changed: 75 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -1,70 +1,75 @@
1-
.chroma .bp { color: #fabd2f; } /* NameBuiltinPseudo */
2-
.chroma .c { color: #777e94; } /* Comment */
3-
.chroma .c1 { color: #777e94; } /* CommentSingle */
4-
.chroma .ch { color: #777e94; } /* CommentHashbang */
5-
.chroma .cm { color: #777e94; } /* CommentMultiline */
6-
.chroma .cp { color: #8ec07c; } /* CommentPreproc */
7-
.chroma .cpf { color: #649bc4; } /* CommentPreprocFile */
8-
.chroma .cs { color: #9075cd; } /* CommentSpecial */
9-
.chroma .dl { color: #649bc4; } /* LiteralStringDelimiter */
10-
.chroma .gd { color: #ffffff; background-color: #5f3737; } /* GenericDeleted */
11-
.chroma .ge { color: #ddee30; } /* GenericEmph */
12-
.chroma .gh { color: #ffaa10; } /* GenericHeading */
13-
.chroma .gi { color: #ffffff; background-color: #3a523a; } /* GenericInserted */
14-
.chroma .go { color: #777e94; } /* GenericOutput */
15-
.chroma .gp { color: #ebdbb2; } /* GenericPrompt */
16-
.chroma .gr { color: #ff4433; } /* GenericError */
17-
.chroma .gs { color: #ebdbb2; } /* GenericStrong */
18-
.chroma .gt { color: #ff7540; } /* GenericTraceback */
19-
.chroma .gu { color: #b8bb26; } /* GenericSubheading */
20-
.chroma .hl { background-color: #3f424d; } /* LineHighlight */
21-
.chroma .il { color: #649bc4; } /* LiteralNumberIntegerLong */
22-
.chroma .k { color: #ff7540; } /* Keyword */
23-
.chroma .kc { color: #649bc4; } /* KeywordConstant */
24-
.chroma .kd { color: #ff7540; } /* KeywordDeclaration */
25-
.chroma .kn { color: #ffaa10; } /* KeywordNamespace */
26-
.chroma .kp { color: #5f8700; } /* KeywordPseudo */
27-
.chroma .kr { color: #ff7540; } /* KeywordReserved */
28-
.chroma .kt { color: #fabd2f; } /* KeywordType */
29-
.chroma .ln { color: #7f8699; } /* LineNumbers */
30-
.chroma .lnt { color: #7f8699; } /* LineNumbersTable */
31-
.chroma .m { color: #649bc4; } /* LiteralNumber */
32-
.chroma .mb { color: #649bc4; } /* LiteralNumberBin */
33-
.chroma .mf { color: #649bc4; } /* LiteralNumberFloat */
34-
.chroma .mh { color: #649bc4; } /* LiteralNumberHex */
35-
.chroma .mi { color: #649bc4; } /* LiteralNumberInteger */
36-
.chroma .mo { color: #649bc4; } /* LiteralNumberOct */
37-
.chroma .n { color: #fabd2f; } /* Name */
38-
.chroma .na { color: #b8bb26; } /* NameAttribute */
39-
.chroma .nb { color: #fabd2f; } /* NameBuiltin */
40-
.chroma .nc { color: #ffaa10; } /* NameClass */
41-
.chroma .nd { color: #8ec07c; } /* NameDecorator */
42-
.chroma .ne { color: #ff7540; } /* NameException */
43-
.chroma .nf { color: #fabd2f; } /* NameFunction */
44-
.chroma .ni { color: #fabd2f; } /* NameEntity */
45-
.chroma .nl { color: #ff7540; } /* NameLabel */
46-
.chroma .nn { color: #ffaa10; } /* NameNamespace */
47-
.chroma .no { color: #649bc4; } /* NameConstant */
48-
.chroma .nt { color: #ff7540; } /* NameTag */
49-
.chroma .nv { color: #ebdbb2; } /* NameVariable */
50-
.chroma .nx { color: #b6bac5; } /* NameOther */
51-
.chroma .o { color: #ff7540; } /* Operator */
52-
.chroma .ow { color: #5f8700; } /* OperatorWord */
53-
.chroma .p { color: #d2d4db; } /* Punctuation */
54-
.chroma .s { color: #b8bb26; } /* LiteralString */
55-
.chroma .s1 { color: #b8bb26; } /* LiteralStringSingle */
56-
.chroma .s2 { color: #b8bb26; } /* LiteralStringDouble */
57-
.chroma .sa { color: #649bc4; } /* LiteralStringAffix */
58-
.chroma .sb { color: #b8bb26; } /* LiteralStringBacktick */
59-
.chroma .sc { color: #649bc4; } /* LiteralStringChar */
60-
.chroma .sd { color: #777e94; } /* LiteralStringDoc */
61-
.chroma .se { color: #ff7540; } /* LiteralStringEscape */
62-
.chroma .sh { color: #649bc4; } /* LiteralStringHeredoc */
63-
.chroma .si { color: #ffaa10; } /* LiteralStringInterpol */
64-
.chroma .sr { color: #9075cd; } /* LiteralStringRegex */
65-
.chroma .ss { color: #ff7540; } /* LiteralStringSymbol */
66-
.chroma .sx { color: #ffaa10; } /* LiteralStringOther */
67-
.chroma .vc { color: #ff7540; } /* NameVariableClass */
68-
.chroma .vg { color: #ffaa10; } /* NameVariableGlobal */
69-
.chroma .vi { color: #ffaa10; } /* NameVariableInstance */
70-
.chroma .w { color: #7f8699; } /* TextWhitespace */
1+
// style=github-dark
2+
3+
/* stylelint-disable */
4+
5+
/* PreWrapper */ .chroma { color: #c9d1d9; }
6+
/* Error */ .chroma .err { color: #f85149 }
7+
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
8+
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
9+
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
10+
/* LineHighlight */ .chroma .hl { color: #6e7681 }
11+
/* 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 }
12+
/* 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 }
13+
/* Line */ .chroma .line { display: flex; }
14+
/* Keyword */ .chroma .k { color: #ff7b72 }
15+
/* KeywordConstant */ .chroma .kc { color: #79c0ff }
16+
/* KeywordDeclaration */ .chroma .kd { color: #ff7b72 }
17+
/* KeywordNamespace */ .chroma .kn { color: #ff7b72 }
18+
/* KeywordPseudo */ .chroma .kp { color: #79c0ff }
19+
/* KeywordReserved */ .chroma .kr { color: #ff7b72 }
20+
/* KeywordType */ .chroma .kt { color: #ff7b72 }
21+
/* NameClass */ .chroma .nc { color: #f0883e; font-weight: bold }
22+
/* NameConstant */ .chroma .no { color: #79c0ff; font-weight: bold }
23+
/* NameDecorator */ .chroma .nd { color: #d2a8ff; font-weight: bold }
24+
/* NameEntity */ .chroma .ni { color: #ffa657 }
25+
/* NameException */ .chroma .ne { color: #f0883e; font-weight: bold }
26+
/* NameFunction */ .chroma .nf { color: #d2a8ff; font-weight: bold }
27+
/* NameLabel */ .chroma .nl { color: #79c0ff; font-weight: bold }
28+
/* NameNamespace */ .chroma .nn { color: #ff7b72 }
29+
/* NameProperty */ .chroma .py { color: #79c0ff }
30+
/* NameTag */ .chroma .nt { color: #7ee787 }
31+
/* NameVariable */ .chroma .nv { color: #79c0ff }
32+
/* Literal */ .chroma .l { color: #a5d6ff }
33+
/* LiteralDate */ .chroma .ld { color: #79c0ff }
34+
/* LiteralString */ .chroma .s { color: #a5d6ff }
35+
/* LiteralStringAffix */ .chroma .sa { color: #79c0ff }
36+
/* LiteralStringBacktick */ .chroma .sb { color: #a5d6ff }
37+
/* LiteralStringChar */ .chroma .sc { color: #a5d6ff }
38+
/* LiteralStringDelimiter */ .chroma .dl { color: #79c0ff }
39+
/* LiteralStringDoc */ .chroma .sd { color: #a5d6ff }
40+
/* LiteralStringDouble */ .chroma .s2 { color: #a5d6ff }
41+
/* LiteralStringEscape */ .chroma .se { color: #79c0ff }
42+
/* LiteralStringHeredoc */ .chroma .sh { color: #79c0ff }
43+
/* LiteralStringInterpol */ .chroma .si { color: #a5d6ff }
44+
/* LiteralStringOther */ .chroma .sx { color: #a5d6ff }
45+
/* LiteralStringRegex */ .chroma .sr { color: #79c0ff }
46+
/* LiteralStringSingle */ .chroma .s1 { color: #a5d6ff }
47+
/* LiteralStringSymbol */ .chroma .ss { color: #a5d6ff }
48+
/* LiteralNumber */ .chroma .m { color: #a5d6ff }
49+
/* LiteralNumberBin */ .chroma .mb { color: #a5d6ff }
50+
/* LiteralNumberFloat */ .chroma .mf { color: #a5d6ff }
51+
/* LiteralNumberHex */ .chroma .mh { color: #a5d6ff }
52+
/* LiteralNumberInteger */ .chroma .mi { color: #a5d6ff }
53+
/* LiteralNumberIntegerLong */ .chroma .il { color: #a5d6ff }
54+
/* LiteralNumberOct */ .chroma .mo { color: #a5d6ff }
55+
/* Operator */ .chroma .o { color: #ff7b72; font-weight: bold }
56+
/* OperatorWord */ .chroma .ow { color: #ff7b72; font-weight: bold }
57+
/* Comment */ .chroma .c { color: #8b949e; font-style: italic }
58+
/* CommentHashbang */ .chroma .ch { color: #8b949e; font-style: italic }
59+
/* CommentMultiline */ .chroma .cm { color: #8b949e; font-style: italic }
60+
/* CommentSingle */ .chroma .c1 { color: #8b949e; font-style: italic }
61+
/* CommentSpecial */ .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic }
62+
/* CommentPreproc */ .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic }
63+
/* CommentPreprocFile */ .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic }
64+
/* GenericDeleted */ .chroma .gd { color: #ffa198; background-color: #490202 }
65+
/* GenericEmph */ .chroma .ge { font-style: italic }
66+
/* GenericError */ .chroma .gr { color: #ffa198 }
67+
/* GenericHeading */ .chroma .gh { color: #79c0ff; font-weight: bold }
68+
/* GenericInserted */ .chroma .gi { color: #56d364; background-color: #0f5323 }
69+
/* GenericOutput */ .chroma .go { color: #8b949e }
70+
/* GenericPrompt */ .chroma .gp { color: #8b949e }
71+
/* GenericStrong */ .chroma .gs { font-weight: bold }
72+
/* GenericSubheading */ .chroma .gu { color: #79c0ff }
73+
/* GenericTraceback */ .chroma .gt { color: #ff7b72 }
74+
/* GenericUnderline */ .chroma .gl { text-decoration: underline }
75+
/* TextWhitespace */ .chroma .w { color: #6e7681 }

‎web_src/less/chroma/light.less

Lines changed: 78 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,78 @@
1-
.chroma .bp { color: #999999; } /* NameBuiltinPseudo */
2-
.chroma .c { color: #6a737d; } /* Comment */
3-
.chroma .c1 { color: #6a737d; } /* CommentSingle */
4-
.chroma .ch { color: #6a737d; } /* CommentHashbang */
5-
.chroma .cm { color: #999988; } /* CommentMultiline */
6-
.chroma .cp { color: #109295; } /* CommentPreproc */
7-
.chroma .cpf { color: #4c4dbc; } /* CommentPreprocFile */
8-
.chroma .cs { color: #999999; } /* CommentSpecial */
9-
.chroma .dl { color: #106303; } /* LiteralStringDelimiter */
10-
.chroma .gd { color: #000000; background-color: #ffdddd; } /* GenericDeleted */
11-
.chroma .ge { color: #000000; } /* GenericEmph */
12-
.chroma .gh { color: #999999; } /* GenericHeading */
13-
.chroma .gi { color: #000000; background-color: #ddffdd; } /* GenericInserted */
14-
.chroma .go { color: #888888; } /* GenericOutput */
15-
.chroma .gp { color: #555555; } /* GenericPrompt */
16-
.chroma .gr { color: #aa0000; } /* GenericError */
17-
.chroma .gt { color: #aa0000; } /* GenericTraceback */
18-
.chroma .gu { color: #aaaaaa; } /* GenericSubheading */
19-
.chroma .hl { background-color: #e5e5e5; } /* LineHighlight */
20-
.chroma .il { color: #009999; } /* LiteralNumberIntegerLong */
21-
.chroma .k { color: #d73a49; } /* Keyword */
22-
.chroma .kc { color: #d73a49; } /* KeywordConstant */
23-
.chroma .kd { color: #d73a49; } /* KeywordDeclaration */
24-
.chroma .kn { color: #d73a49; } /* KeywordNamespace */
25-
.chroma .kp { color: #d73a49; } /* KeywordPseudo */
26-
.chroma .kr { color: #d73a49; } /* KeywordReserved */
27-
.chroma .kt { color: #445588; } /* KeywordType */
28-
.chroma .ln { color: #7f7f7f; } /* LineNumbers */
29-
.chroma .lnt { color: #7f7f7f; } /* LineNumbersTable */
30-
.chroma .m { color: #009999; } /* LiteralNumber */
31-
.chroma .mb { color: #009999; } /* LiteralNumberBin */
32-
.chroma .mf { color: #009999; } /* LiteralNumberFloat */
33-
.chroma .mh { color: #009999; } /* LiteralNumberHex */
34-
.chroma .mi { color: #009999; } /* LiteralNumberInteger */
35-
.chroma .mo { color: #009999; } /* LiteralNumberOct */
36-
.chroma .na { color: #d73a49; } /* NameAttribute */
37-
.chroma .nb { color: #005cc5; } /* NameBuiltin */
38-
.chroma .nc { color: #445588; } /* NameClass */
39-
.chroma .nd { color: #3c5d5d; } /* NameDecorator */
40-
.chroma .ne { color: #990000; } /* NameException */
41-
.chroma .nf { color: #005cc5; } /* NameFunction */
42-
.chroma .ni { color: #6f42c1; } /* NameEntity */
43-
.chroma .nl { color: #990000; } /* NameLabel */
44-
.chroma .nn { color: #555555; } /* NameNamespace */
45-
.chroma .no { color: #008080; } /* NameConstant */
46-
.chroma .nt { color: #22863a; } /* NameTag */
47-
.chroma .nv { color: #008080; } /* NameVariable */
48-
.chroma .nx { color: #24292e; } /* NameOther */
49-
.chroma .o { color: #d73a49; } /* Operator */
50-
.chroma .ow { color: #d73a49; } /* OperatorWord */
51-
.chroma .s { color: #106303; } /* LiteralString */
52-
.chroma .s1 { color: #cc7a00; } /* LiteralStringSingle */
53-
.chroma .s2 { color: #106303; } /* LiteralStringDouble */
54-
.chroma .sa { color: #106303; } /* LiteralStringAffix */
55-
.chroma .sb { color: #106303; } /* LiteralStringBacktick */
56-
.chroma .sc { color: #106303; } /* LiteralStringChar */
57-
.chroma .sd { color: #106303; } /* LiteralStringDoc */
58-
.chroma .se { color: #106303; } /* LiteralStringEscape */
59-
.chroma .sh { color: #106303; } /* LiteralStringHeredoc */
60-
.chroma .si { color: #106303; } /* LiteralStringInterpol */
61-
.chroma .sr { color: #22863a; } /* LiteralStringRegex */
62-
.chroma .ss { color: #106303; } /* LiteralStringSymbol */
63-
.chroma .sx { color: #106303; } /* LiteralStringOther */
64-
.chroma .vc { color: #008080; } /* NameVariableClass */
65-
.chroma .vg { color: #008080; } /* NameVariableGlobal */
66-
.chroma .vi { color: #008080; } /* NameVariableInstance */
67-
.chroma .w { color: #bbbbbb; } /* TextWhitespace */
1+
// style=github
2+
3+
/* stylelint-disable */
4+
5+
/* PreWrapper */ .chroma { }
6+
/* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 }
7+
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
8+
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
9+
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
10+
/* LineHighlight */ .chroma .hl { background-color: #e5e5e5 }
11+
/* 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 }
12+
/* 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 }
13+
/* Line */ .chroma .line { display: flex; }
14+
/* Keyword */ .chroma .k { color: #000000; font-weight: bold }
15+
/* KeywordConstant */ .chroma .kc { color: #000000; font-weight: bold }
16+
/* KeywordDeclaration */ .chroma .kd { color: #000000; font-weight: bold }
17+
/* KeywordNamespace */ .chroma .kn { color: #000000; font-weight: bold }
18+
/* KeywordPseudo */ .chroma .kp { color: #000000; font-weight: bold }
19+
/* KeywordReserved */ .chroma .kr { color: #000000; font-weight: bold }
20+
/* KeywordType */ .chroma .kt { color: #445588; font-weight: bold }
21+
/* NameAttribute */ .chroma .na { color: #008080 }
22+
/* NameBuiltin */ .chroma .nb { color: #0086b3 }
23+
/* NameBuiltinPseudo */ .chroma .bp { color: #999999 }
24+
/* NameClass */ .chroma .nc { color: #445588; font-weight: bold }
25+
/* NameConstant */ .chroma .no { color: #008080 }
26+
/* NameDecorator */ .chroma .nd { color: #3c5d5d; font-weight: bold }
27+
/* NameEntity */ .chroma .ni { color: #800080 }
28+
/* NameException */ .chroma .ne { color: #990000; font-weight: bold }
29+
/* NameFunction */ .chroma .nf { color: #990000; font-weight: bold }
30+
/* NameLabel */ .chroma .nl { color: #990000; font-weight: bold }
31+
/* NameNamespace */ .chroma .nn { color: #555555 }
32+
/* NameTag */ .chroma .nt { color: #000080 }
33+
/* NameVariable */ .chroma .nv { color: #008080 }
34+
/* NameVariableClass */ .chroma .vc { color: #008080 }
35+
/* NameVariableGlobal */ .chroma .vg { color: #008080 }
36+
/* NameVariableInstance */ .chroma .vi { color: #008080 }
37+
/* LiteralString */ .chroma .s { color: #dd1144 }
38+
/* LiteralStringAffix */ .chroma .sa { color: #dd1144 }
39+
/* LiteralStringBacktick */ .chroma .sb { color: #dd1144 }
40+
/* LiteralStringChar */ .chroma .sc { color: #dd1144 }
41+
/* LiteralStringDelimiter */ .chroma .dl { color: #dd1144 }
42+
/* LiteralStringDoc */ .chroma .sd { color: #dd1144 }
43+
/* LiteralStringDouble */ .chroma .s2 { color: #dd1144 }
44+
/* LiteralStringEscape */ .chroma .se { color: #dd1144 }
45+
/* LiteralStringHeredoc */ .chroma .sh { color: #dd1144 }
46+
/* LiteralStringInterpol */ .chroma .si { color: #dd1144 }
47+
/* LiteralStringOther */ .chroma .sx { color: #dd1144 }
48+
/* LiteralStringRegex */ .chroma .sr { color: #009926 }
49+
/* LiteralStringSingle */ .chroma .s1 { color: #dd1144 }
50+
/* LiteralStringSymbol */ .chroma .ss { color: #990073 }
51+
/* LiteralNumber */ .chroma .m { color: #009999 }
52+
/* LiteralNumberBin */ .chroma .mb { color: #009999 }
53+
/* LiteralNumberFloat */ .chroma .mf { color: #009999 }
54+
/* LiteralNumberHex */ .chroma .mh { color: #009999 }
55+
/* LiteralNumberInteger */ .chroma .mi { color: #009999 }
56+
/* LiteralNumberIntegerLong */ .chroma .il { color: #009999 }
57+
/* LiteralNumberOct */ .chroma .mo { color: #009999 }
58+
/* Operator */ .chroma .o { color: #000000; font-weight: bold }
59+
/* OperatorWord */ .chroma .ow { color: #000000; font-weight: bold }
60+
/* Comment */ .chroma .c { color: #999988; font-style: italic }
61+
/* CommentHashbang */ .chroma .ch { color: #999988; font-style: italic }
62+
/* CommentMultiline */ .chroma .cm { color: #999988; font-style: italic }
63+
/* CommentSingle */ .chroma .c1 { color: #999988; font-style: italic }
64+
/* CommentSpecial */ .chroma .cs { color: #999999; font-weight: bold; font-style: italic }
65+
/* CommentPreproc */ .chroma .cp { color: #999999; font-weight: bold; font-style: italic }
66+
/* CommentPreprocFile */ .chroma .cpf { color: #999999; font-weight: bold; font-style: italic }
67+
/* GenericDeleted */ .chroma .gd { color: #000000; background-color: #ffdddd }
68+
/* GenericEmph */ .chroma .ge { color: #000000; font-style: italic }
69+
/* GenericError */ .chroma .gr { color: #aa0000 }
70+
/* GenericHeading */ .chroma .gh { color: #999999 }
71+
/* GenericInserted */ .chroma .gi { color: #000000; background-color: #ddffdd }
72+
/* GenericOutput */ .chroma .go { color: #888888 }
73+
/* GenericPrompt */ .chroma .gp { color: #555555 }
74+
/* GenericStrong */ .chroma .gs { font-weight: bold }
75+
/* GenericSubheading */ .chroma .gu { color: #aaaaaa }
76+
/* GenericTraceback */ .chroma .gt { color: #aa0000 }
77+
/* GenericUnderline */ .chroma .gl { text-decoration: underline }
78+
/* TextWhitespace */ .chroma .w { color: #bbbbbb }

0 commit comments

Comments
 (0)