mirror of
				https://codeberg.org/forgejo/forgejo.git
				synced 2025-11-04 00:11:04 +00:00 
			
		
		
		
	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:
		
					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;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue