* CSS color variables, less bold font weight - Define color variables for fully saturated colors and apply them where it made sense - Add background color helper classes - Globally reduce bold font weight from 700 to 500 - Remove border from timeline icons - Unify dropzone styling - Various border style consolidations * attempt to fix test * another attempt at tests * fix contains
		
			
				
	
	
		
			378 lines
		
	
	
		
			4.3 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			378 lines
		
	
	
		
			4.3 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
| /* Background */
 | |
| 
 | |
| .chroma {
 | |
|   background-color: #ffffff;
 | |
| }
 | |
| /* 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: 500;
 | |
| }
 | |
| /* GenericSubheading */
 | |
| 
 | |
| .chroma .gu {
 | |
|   color: #aaaaaa;
 | |
| }
 | |
| /* GenericTraceback */
 | |
| 
 | |
| .chroma .gt {
 | |
|   color: #aa0000;
 | |
| }
 | |
| /* GenericUnderline */
 | |
| 
 | |
| .chroma .gl {
 | |
|   text-decoration: underline;
 | |
| }
 | |
| /* TextWhitespace */
 | |
| 
 | |
| .chroma .w {
 | |
|   color: #bbbbbb;
 | |
| }
 |