Skip to content

Commit b11dba0

Browse files
silverwind6543
silverwind
authored and
6543
committed
Improve arc-green code theme (#21039)
- Increase contrasts overall - Add various missing theme classes - Ensure strings and constants are colored the same across languages Before: <img width="575" alt="Screen Shot 2022-09-03 at 15 20 19" src="https://user-images.githubusercontent.com/115237/188272267-c3af3de0-a1d9-4a80-a3ab-278e9b04cb44.png"> <img width="705" alt="Screen Shot 2022-09-03 at 15 10 12" src="https://user-images.githubusercontent.com/115237/188272194-dc40ac7d-1629-44a0-a881-5f0922285195.png"> After: <img width="579" alt="Screen Shot 2022-09-03 at 15 19 31" src="https://user-images.githubusercontent.com/115237/188272275-55b87bc7-1122-410f-9250-14cf9e973124.png"> <img width="703" alt="image" src="https://user-images.githubusercontent.com/115237/188272715-a5fcd180-c5dc-4303-8e77-de785d5e0937.png">
1 parent fbde31f commit b11dba0

File tree

2 files changed

+105
-102
lines changed

2 files changed

+105
-102
lines changed

‎web_src/less/chroma/dark.less

+67-64
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,70 @@
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 */
120
.chroma .hl { background-color: #3f424d; } /* LineHighlight */
2-
.chroma .lnt { color: #7f7f7f; } /* LineNumbersTable */
3-
.chroma .ln { color: #7f7f7f; } /* LineNumbers */
4-
.chroma .k { color: #f63; } /* Keyword */
5-
.chroma .kc { color: #fa1; } /* KeywordConstant */
6-
.chroma .kd { color: #9daccc; } /* KeywordDeclaration */
7-
.chroma .kn { color: #fa1; } /* KeywordNamespace */
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 */
826
.chroma .kp { color: #5f8700; } /* KeywordPseudo */
9-
.chroma .kr { color: #f63; } /* KeywordReserved */
10-
.chroma .kt { color: #9daccc; } /* KeywordType */
11-
.chroma .na { color: #8a8a8a; } /* NameAttribute */
12-
.chroma .nb { color: #9daccc; } /* NameBuiltin */
13-
.chroma .bp { color: #9daccc; } /* NameBuiltinPseudo */
14-
.chroma .nc { color: #fa1; } /* NameClass */
15-
.chroma .no { color: #fa1; } /* NameConstant */
16-
.chroma .nd { color: #9daccc; } /* NameDecorator */
17-
.chroma .ni { color: #fa1; } /* NameEntity */
18-
.chroma .ne { color: #af8700; } /* NameException */
19-
.chroma .nf { color: #9daccc; } /* NameFunction */
20-
.chroma .nl { color: #fa1; } /* NameLabel */
21-
.chroma .nn { color: #fa1; } /* NameNamespace */
22-
.chroma .nx { color: #9daccc; } /* NameOther */
23-
.chroma .nt { color: #9daccc; } /* NameTag */
24-
.chroma .nv { color: #9daccc; } /* NameVariable */
25-
.chroma .vc { color: #f81; } /* NameVariableClass */
26-
.chroma .vg { color: #fa1; } /* NameVariableGlobal */
27-
.chroma .vi { color: #fa1; } /* NameVariableInstance */
28-
.chroma .s { color: #1af; } /* LiteralString */
29-
.chroma .sa { color: #1af; } /* LiteralStringAffix */
30-
.chroma .sb { color: #a0cc75; } /* LiteralStringBacktick */
31-
.chroma .sc { color: #1af; } /* LiteralStringChar */
32-
.chroma .dl { color: #1af; } /* LiteralStringDelimiter */
33-
.chroma .sd { color: #6a737d; } /* LiteralStringDoc */
34-
.chroma .s2 { color: #a0cc75; } /* LiteralStringDouble */
35-
.chroma .se { color: #f63; } /* LiteralStringEscape */
36-
.chroma .sh { color: #1af; } /* LiteralStringHeredoc */
37-
.chroma .si { color: #fa1; } /* LiteralStringInterpol */
38-
.chroma .sx { color: #fa1; } /* LiteralStringOther */
39-
.chroma .sr { color: #97c; } /* LiteralStringRegex */
40-
.chroma .s1 { color: #a0cc75; } /* LiteralStringSingle */
41-
.chroma .ss { color: #fa1; } /* LiteralStringSymbol */
42-
.chroma .m { color: #1af; } /* LiteralNumber */
43-
.chroma .mb { color: #1af; } /* LiteralNumberBin */
44-
.chroma .mf { color: #1af; } /* LiteralNumberFloat */
45-
.chroma .mh { color: #1af; } /* LiteralNumberHex */
46-
.chroma .mi { color: #1af; } /* LiteralNumberInteger */
47-
.chroma .il { color: #1af; } /* LiteralNumberIntegerLong */
48-
.chroma .mo { color: #1af; } /* LiteralNumberOct */
49-
.chroma .o { color: #f63; } /* Operator */
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 */
5052
.chroma .ow { color: #5f8700; } /* OperatorWord */
51-
.chroma .c { color: #6a737d; } /* Comment */
52-
.chroma .ch { color: #6a737d; } /* CommentHashbang */
53-
.chroma .cm { color: #6a737d; } /* CommentMultiline */
54-
.chroma .c1 { color: #6a737d; } /* CommentSingle */
55-
.chroma .cs { color: #95ad; } /* CommentSpecial */
56-
.chroma .cp { color: #fc6; } /* CommentPreproc */
57-
.chroma .cpf { color: #03dfff; } /* CommentPreprocFile */
58-
.chroma .gd { color: #fff; background-color: #5f3737; } /* GenericDeleted */
59-
.chroma .ge { color: #ef5; } /* GenericEmph */
60-
.chroma .gr { color: #f33; } /* GenericError */
61-
.chroma .gh { color: #fa1; } /* GenericHeading */
62-
.chroma .gi { color: #fff; background-color: #3a523a; } /* GenericInserted */
63-
.chroma .go { color: #888888; } /* GenericOutput */
64-
.chroma .gp { color: #555555; } /* GenericPrompt */
65-
.chroma .gu { color: #9daccc; } /* GenericSubheading */
66-
.chroma .gt { color: #f63; } /* GenericTraceback */
67-
.chroma .w { color: #bbbbbb; } /* TextWhitespace */
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 */

‎web_src/less/chroma/light.less

+38-38
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,67 @@
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 */
119
.chroma .hl { background-color: #e5e5e5; } /* LineHighlight */
2-
.chroma .lnt { color: #7f7f7f; } /* LineNumbersTable */
3-
.chroma .ln { color: #7f7f7f; } /* LineNumbers */
20+
.chroma .il { color: #009999; } /* LiteralNumberIntegerLong */
421
.chroma .k { color: #d73a49; } /* Keyword */
522
.chroma .kc { color: #d73a49; } /* KeywordConstant */
623
.chroma .kd { color: #d73a49; } /* KeywordDeclaration */
724
.chroma .kn { color: #d73a49; } /* KeywordNamespace */
825
.chroma .kp { color: #d73a49; } /* KeywordPseudo */
926
.chroma .kr { color: #d73a49; } /* KeywordReserved */
1027
.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 */
1136
.chroma .na { color: #d73a49; } /* NameAttribute */
1237
.chroma .nb { color: #005cc5; } /* NameBuiltin */
13-
.chroma .bp { color: #999999; } /* NameBuiltinPseudo */
1438
.chroma .nc { color: #445588; } /* NameClass */
15-
.chroma .no { color: #008080; } /* NameConstant */
1639
.chroma .nd { color: #3c5d5d; } /* NameDecorator */
17-
.chroma .ni { color: #6f42c1; } /* NameEntity */
1840
.chroma .ne { color: #990000; } /* NameException */
1941
.chroma .nf { color: #005cc5; } /* NameFunction */
42+
.chroma .ni { color: #6f42c1; } /* NameEntity */
2043
.chroma .nl { color: #990000; } /* NameLabel */
2144
.chroma .nn { color: #555555; } /* NameNamespace */
22-
.chroma .nx { color: #24292e; } /* NameOther */
45+
.chroma .no { color: #008080; } /* NameConstant */
2346
.chroma .nt { color: #22863a; } /* NameTag */
2447
.chroma .nv { color: #008080; } /* NameVariable */
25-
.chroma .vc { color: #008080; } /* NameVariableClass */
26-
.chroma .vg { color: #008080; } /* NameVariableGlobal */
27-
.chroma .vi { color: #008080; } /* NameVariableInstance */
48+
.chroma .nx { color: #24292e; } /* NameOther */
49+
.chroma .o { color: #d73a49; } /* Operator */
50+
.chroma .ow { color: #d73a49; } /* OperatorWord */
2851
.chroma .s { color: #106303; } /* LiteralString */
52+
.chroma .s1 { color: #cc7a00; } /* LiteralStringSingle */
53+
.chroma .s2 { color: #106303; } /* LiteralStringDouble */
2954
.chroma .sa { color: #106303; } /* LiteralStringAffix */
3055
.chroma .sb { color: #106303; } /* LiteralStringBacktick */
3156
.chroma .sc { color: #106303; } /* LiteralStringChar */
32-
.chroma .dl { color: #106303; } /* LiteralStringDelimiter */
3357
.chroma .sd { color: #106303; } /* LiteralStringDoc */
34-
.chroma .s2 { color: #106303; } /* LiteralStringDouble */
3558
.chroma .se { color: #106303; } /* LiteralStringEscape */
3659
.chroma .sh { color: #106303; } /* LiteralStringHeredoc */
3760
.chroma .si { color: #106303; } /* LiteralStringInterpol */
38-
.chroma .sx { color: #106303; } /* LiteralStringOther */
3961
.chroma .sr { color: #22863a; } /* LiteralStringRegex */
40-
.chroma .s1 { color: #cc7a00; } /* LiteralStringSingle */
4162
.chroma .ss { color: #106303; } /* LiteralStringSymbol */
42-
.chroma .m { color: #009999; } /* LiteralNumber */
43-
.chroma .mb { color: #009999; } /* LiteralNumberBin */
44-
.chroma .mf { color: #009999; } /* LiteralNumberFloat */
45-
.chroma .mh { color: #009999; } /* LiteralNumberHex */
46-
.chroma .mi { color: #009999; } /* LiteralNumberInteger */
47-
.chroma .il { color: #009999; } /* LiteralNumberIntegerLong */
48-
.chroma .mo { color: #009999; } /* LiteralNumberOct */
49-
.chroma .o { color: #d73a49; } /* Operator */
50-
.chroma .ow { color: #d73a49; } /* OperatorWord */
51-
.chroma .c { color: #6a737d; } /* Comment */
52-
.chroma .ch { color: #6a737d; } /* CommentHashbang */
53-
.chroma .cm { color: #999988; } /* CommentMultiline */
54-
.chroma .c1 { color: #6a737d; } /* CommentSingle */
55-
.chroma .cs { color: #999999; } /* CommentSpecial */
56-
.chroma .cp { color: #109295; } /* CommentPreproc */
57-
.chroma .cpf { color: #4c4dbc; } /* CommentPreprocFile */
58-
.chroma .gd { color: #000000; background-color: #ffdddd; } /* GenericDeleted */
59-
.chroma .ge { color: #000000; } /* GenericEmph */
60-
.chroma .gr { color: #aa0000; } /* GenericError */
61-
.chroma .gh { color: #999999; } /* GenericHeading */
62-
.chroma .gi { color: #000000; background-color: #ddffdd; } /* GenericInserted */
63-
.chroma .go { color: #888888; } /* GenericOutput */
64-
.chroma .gp { color: #555555; } /* GenericPrompt */
65-
.chroma .gu { color: #aaaaaa; } /* GenericSubheading */
66-
.chroma .gt { color: #aa0000; } /* GenericTraceback */
63+
.chroma .sx { color: #106303; } /* LiteralStringOther */
64+
.chroma .vc { color: #008080; } /* NameVariableClass */
65+
.chroma .vg { color: #008080; } /* NameVariableGlobal */
66+
.chroma .vi { color: #008080; } /* NameVariableInstance */
6767
.chroma .w { color: #bbbbbb; } /* TextWhitespace */

0 commit comments

Comments
 (0)