Reorganize Chroma styles (#13934)

This moves the Chroma styles into separate files with base,light and
dark variants. Should work exactly as before.
pull/13945/head^2
silverwind 4 years ago committed by GitHub
parent 5fdf500ace
commit 160f606a15
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 1
      web_src/less/_base.less
  2. 376
      web_src/less/_chroma.less
  3. 50
      web_src/less/chroma/base.less
  4. 67
      web_src/less/chroma/dark.less
  5. 67
      web_src/less/chroma/light.less
  6. 4
      web_src/less/index.less
  7. 375
      web_src/less/themes/theme-arc-green.less

@ -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;
}

@ -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;
}

@ -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 */

@ -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;
}

Loading…
Cancel
Save