Reorganize Chroma styles (#13934)
This moves the Chroma styles into separate files with base,light and dark variants. Should work exactly as before.
This commit is contained in:
silverwind
GitHub
parent
5fdf500ace
commit
160f606a15
7 changed files with 189 additions and 751 deletions
|
|
@ -1416,6 +1416,7 @@ a.ui.basic.label:hover {
|
|||
}
|
||||
|
||||
.lines-code {
|
||||
background-color: var(--color-code-bg);
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,376 +0,0 @@
|
|||
.chroma,
|
||||
.lines-code {
|
||||
background-color: var(--color-code-bg);
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
/* LineHighlight */
|
||||
|
||||
.chroma .hl {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
/* LineNumbersTable */
|
||||
|
||||
.chroma .lnt {
|
||||
margin-right: .4em;
|
||||
padding: 0 .4em;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
/* LineNumbers */
|
||||
|
||||
.chroma .ln {
|
||||
margin-right: .4em;
|
||||
padding: 0 .4em;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
/* Keyword */
|
||||
|
||||
.chroma .k {
|
||||
color: #d73a49;
|
||||
}
|
||||
/* KeywordConstant */
|
||||
|
||||
.chroma .kc {
|
||||
color: #d73a49;
|
||||
}
|
||||
/* KeywordDeclaration */
|
||||
|
||||
.chroma .kd {
|
||||
color: #d73a49;
|
||||
}
|
||||
/* KeywordNamespace */
|
||||
|
||||
.chroma .kn {
|
||||
color: #d73a49;
|
||||
}
|
||||
/* KeywordPseudo */
|
||||
|
||||
.chroma .kp {
|
||||
color: #d73a49;
|
||||
}
|
||||
/* KeywordReserved */
|
||||
|
||||
.chroma .kr {
|
||||
color: #d73a49;
|
||||
}
|
||||
/* KeywordType */
|
||||
|
||||
.chroma .kt {
|
||||
color: #445588;
|
||||
}
|
||||
/* NameAttribute */
|
||||
|
||||
.chroma .na {
|
||||
color: #d73a49;
|
||||
}
|
||||
/* NameBuiltin */
|
||||
|
||||
.chroma .nb {
|
||||
color: #005cc5;
|
||||
}
|
||||
/* NameBuiltinPseudo */
|
||||
|
||||
.chroma .bp {
|
||||
color: #999999;
|
||||
}
|
||||
/* NameClass */
|
||||
|
||||
.chroma .nc {
|
||||
color: #445588;
|
||||
}
|
||||
/* NameConstant */
|
||||
|
||||
.chroma .no {
|
||||
color: #008080;
|
||||
}
|
||||
/* NameDecorator */
|
||||
|
||||
.chroma .nd {
|
||||
color: #3c5d5d;
|
||||
}
|
||||
/* NameEntity */
|
||||
|
||||
.chroma .ni {
|
||||
color: #6f42c1;
|
||||
}
|
||||
/* NameException */
|
||||
|
||||
.chroma .ne {
|
||||
color: #990000;
|
||||
}
|
||||
/* NameFunction */
|
||||
|
||||
.chroma .nf {
|
||||
color: #005cc5;
|
||||
}
|
||||
/* NameLabel */
|
||||
|
||||
.chroma .nl {
|
||||
color: #990000;
|
||||
}
|
||||
/* NameNamespace */
|
||||
|
||||
.chroma .nn {
|
||||
color: #555555;
|
||||
}
|
||||
/* NameOther */
|
||||
|
||||
.chroma .nx {
|
||||
color: #24292e;
|
||||
}
|
||||
/* NameTag */
|
||||
|
||||
.chroma .nt {
|
||||
color: #22863a;
|
||||
}
|
||||
/* NameVariable */
|
||||
|
||||
.chroma .nv {
|
||||
color: #008080;
|
||||
}
|
||||
/* NameVariableClass */
|
||||
|
||||
.chroma .vc {
|
||||
color: #008080;
|
||||
}
|
||||
/* NameVariableGlobal */
|
||||
|
||||
.chroma .vg {
|
||||
color: #008080;
|
||||
}
|
||||
/* NameVariableInstance */
|
||||
|
||||
.chroma .vi {
|
||||
color: #008080;
|
||||
}
|
||||
/* LiteralString */
|
||||
|
||||
.chroma .s {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringAffix */
|
||||
|
||||
.chroma .sa {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringBacktick */
|
||||
|
||||
.chroma .sb {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringChar */
|
||||
|
||||
.chroma .sc {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringDelimiter */
|
||||
|
||||
.chroma .dl {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringDoc */
|
||||
|
||||
.chroma .sd {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringDouble */
|
||||
|
||||
.chroma .s2 {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringEscape */
|
||||
|
||||
.chroma .se {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringHeredoc */
|
||||
|
||||
.chroma .sh {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringInterpol */
|
||||
|
||||
.chroma .si {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringOther */
|
||||
|
||||
.chroma .sx {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralStringRegex */
|
||||
|
||||
.chroma .sr {
|
||||
color: #22863a;
|
||||
}
|
||||
/* LiteralStringSingle */
|
||||
|
||||
.chroma .s1 {
|
||||
color: #24292e;
|
||||
}
|
||||
/* LiteralStringSymbol */
|
||||
|
||||
.chroma .ss {
|
||||
color: #032f62;
|
||||
}
|
||||
/* LiteralNumber */
|
||||
|
||||
.chroma .m {
|
||||
color: #009999;
|
||||
}
|
||||
/* LiteralNumberBin */
|
||||
|
||||
.chroma .mb {
|
||||
color: #009999;
|
||||
}
|
||||
/* LiteralNumberFloat */
|
||||
|
||||
.chroma .mf {
|
||||
color: #009999;
|
||||
}
|
||||
/* LiteralNumberHex */
|
||||
|
||||
.chroma .mh {
|
||||
color: #009999;
|
||||
}
|
||||
/* LiteralNumberInteger */
|
||||
|
||||
.chroma .mi {
|
||||
color: #009999;
|
||||
}
|
||||
/* LiteralNumberIntegerLong */
|
||||
|
||||
.chroma .il {
|
||||
color: #009999;
|
||||
}
|
||||
/* LiteralNumberOct */
|
||||
|
||||
.chroma .mo {
|
||||
color: #009999;
|
||||
}
|
||||
/* Operator */
|
||||
|
||||
.chroma .o {
|
||||
color: #d73a49;
|
||||
}
|
||||
/* OperatorWord */
|
||||
|
||||
.chroma .ow {
|
||||
color: #d73a49;
|
||||
}
|
||||
/* Comment */
|
||||
|
||||
.chroma .c {
|
||||
color: #6a737d;
|
||||
}
|
||||
/* CommentHashbang */
|
||||
|
||||
.chroma .ch {
|
||||
color: #6a737d;
|
||||
}
|
||||
/* CommentMultiline */
|
||||
|
||||
.chroma .cm {
|
||||
color: #999988;
|
||||
}
|
||||
/* CommentSingle */
|
||||
|
||||
.chroma .c1 {
|
||||
color: #6a737d;
|
||||
}
|
||||
/* CommentSpecial */
|
||||
|
||||
.chroma .cs {
|
||||
color: #999999;
|
||||
}
|
||||
/* CommentPreproc */
|
||||
|
||||
.chroma .cp {
|
||||
color: #999999;
|
||||
}
|
||||
/* CommentPreprocFile */
|
||||
|
||||
.chroma .cpf {
|
||||
color: #999999;
|
||||
}
|
||||
/* GenericDeleted */
|
||||
|
||||
.chroma .gd {
|
||||
color: #000000;
|
||||
background-color: #ffdddd;
|
||||
}
|
||||
/* GenericEmph */
|
||||
|
||||
.chroma .ge {
|
||||
color: #000000;
|
||||
}
|
||||
/* GenericError */
|
||||
|
||||
.chroma .gr {
|
||||
color: #aa0000;
|
||||
}
|
||||
/* GenericHeading */
|
||||
|
||||
.chroma .gh {
|
||||
color: #999999;
|
||||
}
|
||||
/* GenericInserted */
|
||||
|
||||
.chroma .gi {
|
||||
color: #000000;
|
||||
background-color: #ddffdd;
|
||||
}
|
||||
/* GenericOutput */
|
||||
|
||||
.chroma .go {
|
||||
color: #888888;
|
||||
}
|
||||
/* GenericPrompt */
|
||||
|
||||
.chroma .gp {
|
||||
color: #555555;
|
||||
}
|
||||
/* GenericStrong */
|
||||
|
||||
.chroma .gs {
|
||||
font-weight: 600;
|
||||
}
|
||||
/* GenericSubheading */
|
||||
|
||||
.chroma .gu {
|
||||
color: #aaaaaa;
|
||||
}
|
||||
/* GenericTraceback */
|
||||
|
||||
.chroma .gt {
|
||||
color: #aa0000;
|
||||
}
|
||||
/* GenericUnderline */
|
||||
|
||||
.chroma .gl {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* TextWhitespace */
|
||||
|
||||
.chroma .w {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
50
web_src/less/chroma/base.less
Normal file
50
web_src/less/chroma/base.less
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
.chroma {
|
||||
background-color: var(--color-code-bg);
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* LineHighlight */
|
||||
.chroma .hl {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* LineNumbersTable */
|
||||
.chroma .lnt {
|
||||
margin-right: .4em;
|
||||
padding: 0 .4em;
|
||||
}
|
||||
|
||||
/* LineNumbers */
|
||||
.chroma .ln {
|
||||
margin-right: .4em;
|
||||
padding: 0 .4em;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
.chroma .gl {
|
||||
text-decoration: underline;
|
||||
}
|
||||
67
web_src/less/chroma/dark.less
Normal file
67
web_src/less/chroma/dark.less
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
.chroma .hl { background-color: #3f424d; } /* LineHighlight */
|
||||
.chroma .lnt { color: #7f7f7f; } /* LineNumbersTable */
|
||||
.chroma .ln { color: #7f7f7f; } /* LineNumbers */
|
||||
.chroma .k { color: #f63; } /* Keyword */
|
||||
.chroma .kc { color: #fa1; } /* KeywordConstant */
|
||||
.chroma .kd { color: #9daccc; } /* KeywordDeclaration */
|
||||
.chroma .kn { color: #fa1; } /* KeywordNamespace */
|
||||
.chroma .kp { color: #5f8700; } /* KeywordPseudo */
|
||||
.chroma .kr { color: #f63; } /* KeywordReserved */
|
||||
.chroma .kt { color: #9daccc; } /* KeywordType */
|
||||
.chroma .na { color: #8a8a8a; } /* NameAttribute */
|
||||
.chroma .nb { color: #9daccc; } /* NameBuiltin */
|
||||
.chroma .bp { color: #9daccc; } /* NameBuiltinPseudo */
|
||||
.chroma .nc { color: #fa1; } /* NameClass */
|
||||
.chroma .no { color: #fa1; } /* NameConstant */
|
||||
.chroma .nd { color: #9daccc; } /* NameDecorator */
|
||||
.chroma .ni { color: #fa1; } /* NameEntity */
|
||||
.chroma .ne { color: #af8700; } /* NameException */
|
||||
.chroma .nf { color: #9daccc; } /* NameFunction */
|
||||
.chroma .nl { color: #fa1; } /* NameLabel */
|
||||
.chroma .nn { color: #fa1; } /* NameNamespace */
|
||||
.chroma .nx { color: #9daccc; } /* NameOther */
|
||||
.chroma .nt { color: #9daccc; } /* NameTag */
|
||||
.chroma .nv { color: #9daccc; } /* NameVariable */
|
||||
.chroma .vc { color: #f81; } /* NameVariableClass */
|
||||
.chroma .vg { color: #fa1; } /* NameVariableGlobal */
|
||||
.chroma .vi { color: #fa1; } /* NameVariableInstance */
|
||||
.chroma .s { color: #1af; } /* LiteralString */
|
||||
.chroma .sa { color: #1af; } /* LiteralStringAffix */
|
||||
.chroma .sb { color: #a0cc75; } /* LiteralStringBacktick */
|
||||
.chroma .sc { color: #1af; } /* LiteralStringChar */
|
||||
.chroma .dl { color: #1af; } /* LiteralStringDelimiter */
|
||||
.chroma .sd { color: #6a737d; } /* LiteralStringDoc */
|
||||
.chroma .s2 { color: #a0cc75; } /* LiteralStringDouble */
|
||||
.chroma .se { color: #f63; } /* LiteralStringEscape */
|
||||
.chroma .sh { color: #1af; } /* LiteralStringHeredoc */
|
||||
.chroma .si { color: #fa1; } /* LiteralStringInterpol */
|
||||
.chroma .sx { color: #fa1; } /* LiteralStringOther */
|
||||
.chroma .sr { color: #97c; } /* LiteralStringRegex */
|
||||
.chroma .s1 { color: #a0cc75; } /* LiteralStringSingle */
|
||||
.chroma .ss { color: #fa1; } /* LiteralStringSymbol */
|
||||
.chroma .m { color: #1af; } /* LiteralNumber */
|
||||
.chroma .mb { color: #1af; } /* LiteralNumberBin */
|
||||
.chroma .mf { color: #1af; } /* LiteralNumberFloat */
|
||||
.chroma .mh { color: #1af; } /* LiteralNumberHex */
|
||||
.chroma .mi { color: #1af; } /* LiteralNumberInteger */
|
||||
.chroma .il { color: #1af; } /* LiteralNumberIntegerLong */
|
||||
.chroma .mo { color: #1af; } /* LiteralNumberOct */
|
||||
.chroma .o { color: #f63; } /* Operator */
|
||||
.chroma .ow { color: #5f8700; } /* OperatorWord */
|
||||
.chroma .c { color: #6a737d; } /* Comment */
|
||||
.chroma .ch { color: #6a737d; } /* CommentHashbang */
|
||||
.chroma .cm { color: #6a737d; } /* CommentMultiline */
|
||||
.chroma .c1 { color: #6a737d; } /* CommentSingle */
|
||||
.chroma .cs { color: #637d; } /* CommentSpecial */
|
||||
.chroma .cp { color: #fc6; } /* CommentPreproc */
|
||||
.chroma .cpf { color: #fc6; } /* CommentPreprocFile */
|
||||
.chroma .gd { color: #fff; background-color: #5f3737; } /* GenericDeleted */
|
||||
.chroma .ge { color: #ef5; } /* GenericEmph */
|
||||
.chroma .gr { color: #f33; } /* GenericError */
|
||||
.chroma .gh { color: #fa1; } /* GenericHeading */
|
||||
.chroma .gi { color: #fff; background-color: #3a523a; } /* GenericInserted */
|
||||
.chroma .go { color: #888888; } /* GenericOutput */
|
||||
.chroma .gp { color: #555555; } /* GenericPrompt */
|
||||
.chroma .gu { color: #9daccc; } /* GenericSubheading */
|
||||
.chroma .gt { color: #f63; } /* GenericTraceback */
|
||||
.chroma .w { color: #bbbbbb; } /* TextWhitespace */
|
||||
67
web_src/less/chroma/light.less
Normal file
67
web_src/less/chroma/light.less
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
.chroma .hl { background-color: #e5e5e5; } /* LineHighlight */
|
||||
.chroma .lnt { color: #7f7f7f; } /* LineNumbersTable */
|
||||
.chroma .ln { color: #7f7f7f; } /* LineNumbers */
|
||||
.chroma .k { color: #d73a49; } /* Keyword */
|
||||
.chroma .kc { color: #d73a49; } /* KeywordConstant */
|
||||
.chroma .kd { color: #d73a49; } /* KeywordDeclaration */
|
||||
.chroma .kn { color: #d73a49; } /* KeywordNamespace */
|
||||
.chroma .kp { color: #d73a49; } /* KeywordPseudo */
|
||||
.chroma .kr { color: #d73a49; } /* KeywordReserved */
|
||||
.chroma .kt { color: #445588; } /* KeywordType */
|
||||
.chroma .na { color: #d73a49; } /* NameAttribute */
|
||||
.chroma .nb { color: #005cc5; } /* NameBuiltin */
|
||||
.chroma .bp { color: #999999; } /* NameBuiltinPseudo */
|
||||
.chroma .nc { color: #445588; } /* NameClass */
|
||||
.chroma .no { color: #008080; } /* NameConstant */
|
||||
.chroma .nd { color: #3c5d5d; } /* NameDecorator */
|
||||
.chroma .ni { color: #6f42c1; } /* NameEntity */
|
||||
.chroma .ne { color: #990000; } /* NameException */
|
||||
.chroma .nf { color: #005cc5; } /* NameFunction */
|
||||
.chroma .nl { color: #990000; } /* NameLabel */
|
||||
.chroma .nn { color: #555555; } /* NameNamespace */
|
||||
.chroma .nx { color: #24292e; } /* NameOther */
|
||||
.chroma .nt { color: #22863a; } /* NameTag */
|
||||
.chroma .nv { color: #008080; } /* NameVariable */
|
||||
.chroma .vc { color: #008080; } /* NameVariableClass */
|
||||
.chroma .vg { color: #008080; } /* NameVariableGlobal */
|
||||
.chroma .vi { color: #008080; } /* NameVariableInstance */
|
||||
.chroma .s { color: #032f62; } /* LiteralString */
|
||||
.chroma .sa { color: #032f62; } /* LiteralStringAffix */
|
||||
.chroma .sb { color: #032f62; } /* LiteralStringBacktick */
|
||||
.chroma .sc { color: #032f62; } /* LiteralStringChar */
|
||||
.chroma .dl { color: #032f62; } /* LiteralStringDelimiter */
|
||||
.chroma .sd { color: #032f62; } /* LiteralStringDoc */
|
||||
.chroma .s2 { color: #032f62; } /* LiteralStringDouble */
|
||||
.chroma .se { color: #032f62; } /* LiteralStringEscape */
|
||||
.chroma .sh { color: #032f62; } /* LiteralStringHeredoc */
|
||||
.chroma .si { color: #032f62; } /* LiteralStringInterpol */
|
||||
.chroma .sx { color: #032f62; } /* LiteralStringOther */
|
||||
.chroma .sr { color: #22863a; } /* LiteralStringRegex */
|
||||
.chroma .s1 { color: #24292e; } /* LiteralStringSingle */
|
||||
.chroma .ss { color: #032f62; } /* LiteralStringSymbol */
|
||||
.chroma .m { color: #009999; } /* LiteralNumber */
|
||||
.chroma .mb { color: #009999; } /* LiteralNumberBin */
|
||||
.chroma .mf { color: #009999; } /* LiteralNumberFloat */
|
||||
.chroma .mh { color: #009999; } /* LiteralNumberHex */
|
||||
.chroma .mi { color: #009999; } /* LiteralNumberInteger */
|
||||
.chroma .il { color: #009999; } /* LiteralNumberIntegerLong */
|
||||
.chroma .mo { color: #009999; } /* LiteralNumberOct */
|
||||
.chroma .o { color: #d73a49; } /* Operator */
|
||||
.chroma .ow { color: #d73a49; } /* OperatorWord */
|
||||
.chroma .c { color: #6a737d; } /* Comment */
|
||||
.chroma .ch { color: #6a737d; } /* CommentHashbang */
|
||||
.chroma .cm { color: #999988; } /* CommentMultiline */
|
||||
.chroma .c1 { color: #6a737d; } /* CommentSingle */
|
||||
.chroma .cs { color: #999999; } /* CommentSpecial */
|
||||
.chroma .cp { color: #999999; } /* CommentPreproc */
|
||||
.chroma .cpf { color: #999999; } /* CommentPreprocFile */
|
||||
.chroma .gd { color: #000000; background-color: #ffdddd; } /* GenericDeleted */
|
||||
.chroma .ge { color: #000000; } /* GenericEmph */
|
||||
.chroma .gr { color: #aa0000; } /* GenericError */
|
||||
.chroma .gh { color: #999999; } /* GenericHeading */
|
||||
.chroma .gi { color: #000000; background-color: #ddffdd; } /* GenericInserted */
|
||||
.chroma .go { color: #888888; } /* GenericOutput */
|
||||
.chroma .gp { color: #555555; } /* GenericPrompt */
|
||||
.chroma .gu { color: #aaaaaa; } /* GenericSubheading */
|
||||
.chroma .gt { color: #aa0000; } /* GenericTraceback */
|
||||
.chroma .w { color: #bbbbbb; } /* TextWhitespace */
|
||||
|
|
@ -7,6 +7,9 @@
|
|||
@import "./features/heatmap.less";
|
||||
@import "./markdown/mermaid.less";
|
||||
|
||||
@import "./chroma/base.less";
|
||||
@import "./chroma/light.less";
|
||||
|
||||
@import "_svg";
|
||||
@import "_tribute";
|
||||
@import "_base";
|
||||
|
|
@ -22,6 +25,5 @@
|
|||
@import "_admin";
|
||||
@import "_explore";
|
||||
@import "_review";
|
||||
@import "_chroma";
|
||||
|
||||
@import "./helpers.less";
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import "../variables.less";
|
||||
@import "../chroma/dark.less";
|
||||
|
||||
:root {
|
||||
--color-primary: #87ab63;
|
||||
|
|
@ -98,379 +98,6 @@
|
|||
--color-secondary-bg: #2a2e3a;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
/* LineHighlight */
|
||||
|
||||
.chroma .hl {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background-color: #3f424d;
|
||||
}
|
||||
/* LineNumbersTable */
|
||||
|
||||
.chroma .lnt {
|
||||
margin-right: .4em;
|
||||
padding: 0 .4em;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
/* LineNumbers */
|
||||
|
||||
.chroma .ln {
|
||||
margin-right: .4em;
|
||||
padding: 0 .4em;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
/* Keyword */
|
||||
|
||||
.chroma .k {
|
||||
color: #f63;
|
||||
}
|
||||
/* KeywordConstant */
|
||||
|
||||
.chroma .kc {
|
||||
color: #fa1;
|
||||
}
|
||||
/* KeywordDeclaration */
|
||||
|
||||
.chroma .kd {
|
||||
color: #9daccc;
|
||||
}
|
||||
/* KeywordNamespace */
|
||||
|
||||
.chroma .kn {
|
||||
color: #fa1;
|
||||
}
|
||||
/* KeywordPseudo */
|
||||
|
||||
.chroma .kp {
|
||||
color: #5f8700;
|
||||
}
|
||||
/* KeywordReserved */
|
||||
|
||||
.chroma .kr {
|
||||
color: #f63;
|
||||
}
|
||||
/* KeywordType */
|
||||
|
||||
.chroma .kt {
|
||||
color: #9daccc;
|
||||
}
|
||||
/* NameAttribute */
|
||||
|
||||
.chroma .na {
|
||||
color: #8a8a8a;
|
||||
}
|
||||
/* NameBuiltin */
|
||||
|
||||
.chroma .nb {
|
||||
color: #9daccc;
|
||||
}
|
||||
/* NameBuiltinPseudo */
|
||||
|
||||
.chroma .bp {
|
||||
color: #9daccc;
|
||||
}
|
||||
/* NameClass */
|
||||
|
||||
.chroma .nc {
|
||||
color: #fa1;
|
||||
}
|
||||
/* NameConstant */
|
||||
|
||||
.chroma .no {
|
||||
color: #fa1;
|
||||
}
|
||||
/* NameDecorator */
|
||||
|
||||
.chroma .nd {
|
||||
color: #9daccc;
|
||||
}
|
||||
/* NameEntity */
|
||||
|
||||
.chroma .ni {
|
||||
color: #fa1;
|
||||
}
|
||||
/* NameException */
|
||||
|
||||
.chroma .ne {
|
||||
color: #af8700;
|
||||
}
|
||||
/* NameFunction */
|
||||
|
||||
.chroma .nf {
|
||||
color: #9daccc;
|
||||
}
|
||||
/* NameLabel */
|
||||
|
||||
.chroma .nl {
|
||||
color: #fa1;
|
||||
}
|
||||
/* NameNamespace */
|
||||
|
||||
.chroma .nn {
|
||||
color: #fa1;
|
||||
}
|
||||
/* NameOther */
|
||||
|
||||
.chroma .nx {
|
||||
color: #9daccc;
|
||||
}
|
||||
/* NameTag */
|
||||
|
||||
.chroma .nt {
|
||||
color: #9daccc;
|
||||
}
|
||||
/* NameVariable */
|
||||
|
||||
.chroma .nv {
|
||||
color: #9daccc;
|
||||
}
|
||||
/* NameVariableClass */
|
||||
|
||||
.chroma .vc {
|
||||
color: #f81;
|
||||
}
|
||||
/* NameVariableGlobal */
|
||||
|
||||
.chroma .vg {
|
||||
color: #fa1;
|
||||
}
|
||||
/* NameVariableInstance */
|
||||
|
||||
.chroma .vi {
|
||||
color: #fa1;
|
||||
}
|
||||
/* LiteralString */
|
||||
|
||||
.chroma .s {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralStringAffix */
|
||||
|
||||
.chroma .sa {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralStringBacktick */
|
||||
|
||||
.chroma .sb {
|
||||
color: #a0cc75;
|
||||
}
|
||||
/* LiteralStringChar */
|
||||
|
||||
.chroma .sc {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralStringDelimiter */
|
||||
|
||||
.chroma .dl {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralStringDoc */
|
||||
|
||||
.chroma .sd {
|
||||
color: #6a737d;
|
||||
}
|
||||
/* LiteralStringDouble */
|
||||
|
||||
.chroma .s2 {
|
||||
color: #a0cc75;
|
||||
}
|
||||
/* LiteralStringEscape */
|
||||
|
||||
.chroma .se {
|
||||
color: #f63;
|
||||
}
|
||||
/* LiteralStringHeredoc */
|
||||
|
||||
.chroma .sh {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralStringInterpol */
|
||||
|
||||
.chroma .si {
|
||||
color: #fa1;
|
||||
}
|
||||
/* LiteralStringOther */
|
||||
|
||||
.chroma .sx {
|
||||
color: #fa1;
|
||||
}
|
||||
/* LiteralStringRegex */
|
||||
|
||||
.chroma .sr {
|
||||
color: #97c;
|
||||
}
|
||||
/* LiteralStringSingle */
|
||||
|
||||
.chroma .s1 {
|
||||
color: #a0cc75;
|
||||
}
|
||||
/* LiteralStringSymbol */
|
||||
|
||||
.chroma .ss {
|
||||
color: #fa1;
|
||||
}
|
||||
/* LiteralNumber */
|
||||
|
||||
.chroma .m {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralNumberBin */
|
||||
|
||||
.chroma .mb {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralNumberFloat */
|
||||
|
||||
.chroma .mf {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralNumberHex */
|
||||
|
||||
.chroma .mh {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralNumberInteger */
|
||||
|
||||
.chroma .mi {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralNumberIntegerLong */
|
||||
|
||||
.chroma .il {
|
||||
color: #1af;
|
||||
}
|
||||
/* LiteralNumberOct */
|
||||
|
||||
.chroma .mo {
|
||||
color: #1af;
|
||||
}
|
||||
/* Operator */
|
||||
|
||||
.chroma .o {
|
||||
color: #f63;
|
||||
}
|
||||
/* OperatorWord */
|
||||
|
||||
.chroma .ow {
|
||||
color: #5f8700;
|
||||
}
|
||||
/* Comment */
|
||||
|
||||
.chroma .c {
|
||||
color: #6a737d;
|
||||
}
|
||||
/* CommentHashbang */
|
||||
|
||||
.chroma .ch {
|
||||
color: #6a737d;
|
||||
}
|
||||
/* CommentMultiline */
|
||||
|
||||
.chroma .cm {
|
||||
color: #6a737d;
|
||||
}
|
||||
/* CommentSingle */
|
||||
|
||||
.chroma .c1 {
|
||||
color: #6a737d;
|
||||
}
|
||||
/* CommentSpecial */
|
||||
|
||||
.chroma .cs {
|
||||
color: #637d;
|
||||
}
|
||||
/* CommentPreproc */
|
||||
|
||||
.chroma .cp {
|
||||
color: #fc6;
|
||||
}
|
||||
/* CommentPreprocFile */
|
||||
|
||||
.chroma .cpf {
|
||||
color: #fc6;
|
||||
}
|
||||
/* GenericDeleted */
|
||||
|
||||
.chroma .gd {
|
||||
color: #fff;
|
||||
background-color: #5f3737;
|
||||
}
|
||||
/* GenericEmph */
|
||||
|
||||
.chroma .ge {
|
||||
color: #ef5;
|
||||
}
|
||||
/* GenericError */
|
||||
|
||||
.chroma .gr {
|
||||
color: #f33;
|
||||
}
|
||||
/* GenericHeading */
|
||||
|
||||
.chroma .gh {
|
||||
color: #fa1;
|
||||
}
|
||||
/* GenericInserted */
|
||||
|
||||
.chroma .gi {
|
||||
color: #fff;
|
||||
background-color: #3a523a;
|
||||
}
|
||||
/* GenericOutput */
|
||||
|
||||
.chroma .go {
|
||||
color: #888888;
|
||||
}
|
||||
/* GenericPrompt */
|
||||
|
||||
.chroma .gp {
|
||||
color: #555555;
|
||||
}
|
||||
/* GenericStrong */
|
||||
|
||||
.chroma .gs {
|
||||
font-weight: 600;
|
||||
}
|
||||
/* GenericSubheading */
|
||||
|
||||
.chroma .gu {
|
||||
color: #9daccc;
|
||||
}
|
||||
/* GenericTraceback */
|
||||
|
||||
.chroma .gt {
|
||||
color: #f63;
|
||||
}
|
||||
/* GenericUnderline */
|
||||
|
||||
.chroma .gl {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* TextWhitespace */
|
||||
|
||||
.chroma .w {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
|
||||
.repository.branches .commit-divergence .bar {
|
||||
background: #6a737d;
|
||||
}
|
||||
|
|
|
|||
Reference in a new issue