mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-03 05:23:35 +00:00 
			
		
		
		
	This commit transitions all styles in app.css in the Django pipeline to being compiled by webpack in an app-styles bundle, and renames the various files to now be processed as SCSS. To implement this transition, we move the old CSS file refernces in settings.py and replace them with a bundle declared in `webpack.assets.json` and includedn in the index.html template Tweaked by tabbott to keep the list of files in `app.css` in `webpack.assets.json`, and to preserve the ordering from the old `settings.py`.
		
			
				
	
	
		
			390 lines
		
	
	
		
			8.2 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			390 lines
		
	
	
		
			8.2 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
.codehilite pre {
 | 
						|
    background-color: hsl(0, 0%, 100%);
 | 
						|
    -webkit-font-smoothing: auto;
 | 
						|
}
 | 
						|
.codehilite .hll {
 | 
						|
    background-color: hsl(60, 100%, 90%);
 | 
						|
}
 | 
						|
.codehilite {
 | 
						|
    background: hsl(0, 0%, 97%);
 | 
						|
}
 | 
						|
.codehilite .c {
 | 
						|
    color: hsl(180, 33%, 37%);
 | 
						|
    font-style: italic;
 | 
						|
} /* Comment */
 | 
						|
.codehilite .err {
 | 
						|
    border: 1px solid #FF0000;
 | 
						|
} /* Error */
 | 
						|
.codehilite .k {
 | 
						|
    color: hsl(332, 70%, 38%);
 | 
						|
} /* Keyword */
 | 
						|
.codehilite .o {
 | 
						|
    color: hsl(332, 70%, 38%);
 | 
						|
} /* Operator */
 | 
						|
.codehilite .cm {
 | 
						|
    color: hsl(180, 33%, 37%);
 | 
						|
    font-style: italic;
 | 
						|
} /* Comment.Multiline */
 | 
						|
.codehilite .cp {
 | 
						|
    color: hsl(38, 100%, 36%);
 | 
						|
} /* Comment.Preproc */
 | 
						|
.codehilite .c1 {
 | 
						|
    color: hsl(0, 0%, 66%);
 | 
						|
    font-style: italic;
 | 
						|
} /* Comment.Single */
 | 
						|
.codehilite .cs {
 | 
						|
    color: hsl(180, 33%, 37%);
 | 
						|
    font-style: italic;
 | 
						|
} /* Comment.Special */
 | 
						|
.codehilite .gd {
 | 
						|
    color: hsl(0, 100%, 31%);
 | 
						|
} /* Generic.Deleted */
 | 
						|
.codehilite .ge {
 | 
						|
    font-style: italic;
 | 
						|
} /* Generic.Emph */
 | 
						|
.codehilite .gr {
 | 
						|
    color: hsl(0, 100%, 50%);
 | 
						|
} /* Generic.Error */
 | 
						|
.codehilite .gh {
 | 
						|
    color: hsl(240, 100%, 25%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Generic.Heading */
 | 
						|
.codehilite .gi {
 | 
						|
    color: hsl(120, 100%, 31%);
 | 
						|
} /* Generic.Inserted */
 | 
						|
.codehilite .go {
 | 
						|
    color: hsl(0, 0%, 50%);
 | 
						|
} /* Generic.Output */
 | 
						|
.codehilite .gp {
 | 
						|
    color: hsl(240, 100%, 25%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Generic.Prompt */
 | 
						|
.codehilite .gs {
 | 
						|
    font-weight: bold;
 | 
						|
} /* Generic.Strong */
 | 
						|
.codehilite .gu {
 | 
						|
    color: hsl(300, 100%, 25%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Generic.Subheading */
 | 
						|
.codehilite .gt {
 | 
						|
    color: hsl(221, 100%, 40%);
 | 
						|
} /* Generic.Traceback */
 | 
						|
.codehilite .kc {
 | 
						|
    color: hsl(332, 70%, 38%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Keyword.Constant */
 | 
						|
.codehilite .kd {
 | 
						|
    color: hsl(332, 70%, 38%);
 | 
						|
} /* Keyword.Declaration */
 | 
						|
.codehilite .kn {
 | 
						|
    color: hsl(332, 70%, 38%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Keyword.Namespace */
 | 
						|
.codehilite .kp {
 | 
						|
    color: hsl(332, 70%, 38%);
 | 
						|
} /* Keyword.Pseudo */
 | 
						|
.codehilite .kr {
 | 
						|
    color: hsl(332, 70%, 38%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Keyword.Reserved */
 | 
						|
.codehilite .kt {
 | 
						|
    color: hsl(332, 70%, 38%);
 | 
						|
} /* Keyword.Type */
 | 
						|
.codehilite .m {
 | 
						|
    color: hsl(0, 0%, 40%);
 | 
						|
} /* Literal.Number */
 | 
						|
.codehilite .s {
 | 
						|
    color: hsl(86, 57%, 40%);
 | 
						|
} /* Literal.String */
 | 
						|
.codehilite .na {
 | 
						|
    color: hsl(71, 55%, 36%);
 | 
						|
} /* Name.Attribute */
 | 
						|
.codehilite .nb {
 | 
						|
    color: hsl(195, 100%, 35%);
 | 
						|
} /* Name.Builtin */
 | 
						|
.codehilite .nc {
 | 
						|
    color: hsl(264, 27%, 50%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Name.Class */
 | 
						|
.codehilite .no {
 | 
						|
    color: hsl(0, 100%, 26%);
 | 
						|
} /* Name.Constant */
 | 
						|
.codehilite .nd {
 | 
						|
    color: hsl(276, 100%, 56%);
 | 
						|
} /* Name.Decorator */
 | 
						|
.codehilite .ni {
 | 
						|
    color: hsl(0, 0%, 60%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Name.Entity */
 | 
						|
.codehilite .ne {
 | 
						|
    color: hsl(2, 62%, 52%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Name.Exception */
 | 
						|
.codehilite .nf {
 | 
						|
    color: hsl(264, 27%, 50%);
 | 
						|
} /* Name.Function */
 | 
						|
.codehilite .nl {
 | 
						|
    color: hsl(60, 100%, 31%);
 | 
						|
} /* Name.Label */
 | 
						|
.codehilite .nn {
 | 
						|
    color: hsl(264, 27%, 50%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Name.Namespace */
 | 
						|
.codehilite .nt {
 | 
						|
    color: hsl(120, 100%, 25%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Name.Tag */
 | 
						|
.codehilite .nv {
 | 
						|
    color: hsl(241, 68%, 28%);
 | 
						|
} /* Name.Variable */
 | 
						|
.codehilite .nx {
 | 
						|
    color: hsl(0, 0%, 26%);
 | 
						|
} /* Not sure? */
 | 
						|
.codehilite .ow {
 | 
						|
    color: hsl(276, 100%, 56%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Operator.Word */
 | 
						|
.codehilite .w {
 | 
						|
    color: hsl(0, 0%, 73%);
 | 
						|
} /* Text.Whitespace */
 | 
						|
.codehilite .mf {
 | 
						|
    color: hsl(195, 100%, 35%);
 | 
						|
} /* Literal.Number.Float */
 | 
						|
.codehilite .mh {
 | 
						|
    color: hsl(195, 100%, 35%);
 | 
						|
} /* Literal.Number.Hex */
 | 
						|
.codehilite .mi {
 | 
						|
    color: hsl(195, 100%, 35%);
 | 
						|
} /* Literal.Number.Integer */
 | 
						|
.codehilite .mo {
 | 
						|
    color: hsl(195, 100%, 35%);
 | 
						|
} /* Literal.Number.Oct */
 | 
						|
.codehilite .sb {
 | 
						|
    color: hsl(86, 57%, 40%);
 | 
						|
} /* Literal.String.Backtick */
 | 
						|
.codehilite .sc {
 | 
						|
    color: hsl(86, 57%, 40%);
 | 
						|
} /* Literal.String.Char */
 | 
						|
.codehilite .sd {
 | 
						|
    color: hsl(86, 57%, 40%);
 | 
						|
    font-style: italic;
 | 
						|
} /* Literal.String.Doc */
 | 
						|
.codehilite .s2 {
 | 
						|
    color: hsl(225, 71%, 33%);
 | 
						|
} /* Literal.String.Double */
 | 
						|
.codehilite .se {
 | 
						|
    color: hsl(26, 69%, 43%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Literal.String.Escape */
 | 
						|
.codehilite .sh {
 | 
						|
    color: hsl(86, 57%, 40%);
 | 
						|
} /* Literal.String.Heredoc */
 | 
						|
.codehilite .si {
 | 
						|
    color: hsl(336, 38%, 56%);
 | 
						|
    font-weight: bold;
 | 
						|
} /* Literal.String.Interpol */
 | 
						|
.codehilite .sx {
 | 
						|
    color: hsl(120, 100%, 25%);
 | 
						|
} /* Literal.String.Other */
 | 
						|
.codehilite .sr {
 | 
						|
    color: hsl(189, 54%, 49%);
 | 
						|
} /* Literal.String.Regex */
 | 
						|
.codehilite .s1 {
 | 
						|
    color: hsl(86, 57%, 40%);
 | 
						|
} /* Literal.String.Single */
 | 
						|
.codehilite .ss {
 | 
						|
    color: hsl(241, 68%, 28%);
 | 
						|
} /* Literal.String.Symbol */
 | 
						|
.codehilite .bp {
 | 
						|
    color: hsl(120, 100%, 25%);
 | 
						|
} /* Name.Builtin.Pseudo */
 | 
						|
.codehilite .vc {
 | 
						|
    color: hsl(241, 68%, 28%);
 | 
						|
} /* Name.Variable.Class */
 | 
						|
.codehilite .vg {
 | 
						|
    color: hsl(241, 68%, 28%);
 | 
						|
} /* Name.Variable.Global */
 | 
						|
.codehilite .vi {
 | 
						|
    color: hsl(241, 68%, 28%);
 | 
						|
} /* Name.Variable.Instance */
 | 
						|
.codehilite .il {
 | 
						|
    color: hsl(0, 0%, 40%);
 | 
						|
} /* Literal.Number.Integer.Long */
 | 
						|
 | 
						|
 | 
						|
body.night-mode .codehilite code,
 | 
						|
body.night-mode .codehilite pre {
 | 
						|
    color: #a2cdff;
 | 
						|
    background-color: #1c252f;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .hll {
 | 
						|
    background-color: #222;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .err {
 | 
						|
    color: #e37170;
 | 
						|
    background-color: #3d3535;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .k {
 | 
						|
    color: #ef9b3f;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .p {
 | 
						|
    color: #41706f;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .cs {
 | 
						|
    color: #cd0000;
 | 
						|
    font-weight: 700;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .gd {
 | 
						|
    color: #cd0000;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .ge {
 | 
						|
    color: #ccc;
 | 
						|
    font-style: italic;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .gr {
 | 
						|
    color: red;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .go {
 | 
						|
    color: gray;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .gs {
 | 
						|
    color: #ccc;
 | 
						|
    font-weight: 700;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .gu {
 | 
						|
    color: purple;
 | 
						|
    font-weight: 700;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .gt {
 | 
						|
    color: #0040D0;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .kc {
 | 
						|
    color: #dca3a3;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .kd {
 | 
						|
    color: #ffff86;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .kn {
 | 
						|
    color: #dfaf8f;
 | 
						|
    font-weight: 700;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .kp {
 | 
						|
    color: #cdcf99;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .kr {
 | 
						|
    color: #d04e50;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .ni {
 | 
						|
    color: #c28182;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .ne {
 | 
						|
    color: #c3bf9f;
 | 
						|
    font-weight: 700;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .nn {
 | 
						|
    color: #8fbede;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .vi {
 | 
						|
    color: #ffffc7;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .c,
 | 
						|
body.night-mode .codehilite .g,
 | 
						|
body.night-mode .codehilite .cm,
 | 
						|
body.night-mode .codehilite .cp,
 | 
						|
body.night-mode .codehilite .c1 {
 | 
						|
    color: #7d8e9e;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .l,
 | 
						|
body.night-mode .codehilite .x,
 | 
						|
body.night-mode .codehilite .no,
 | 
						|
body.night-mode .codehilite .nd,
 | 
						|
body.night-mode .codehilite .nl,
 | 
						|
body.night-mode .codehilite .nx,
 | 
						|
body.night-mode .codehilite .py,
 | 
						|
body.night-mode .codehilite .w {
 | 
						|
    color: #ccc;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .n,
 | 
						|
body.night-mode .codehilite .nv,
 | 
						|
body.night-mode .codehilite .vg {
 | 
						|
    color: #dcdccc;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .o,
 | 
						|
body.night-mode .codehilite .ow {
 | 
						|
    color: #f0efd0;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .gh,
 | 
						|
body.night-mode .codehilite .gp {
 | 
						|
    color: #dcdccc;
 | 
						|
    font-weight: 700;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .gi,
 | 
						|
body.night-mode .codehilite .kt {
 | 
						|
    color: #00cd00;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .ld,
 | 
						|
body.night-mode .codehilite .s,
 | 
						|
body.night-mode .codehilite .sb,
 | 
						|
body.night-mode .codehilite .sc,
 | 
						|
body.night-mode .codehilite .sd,
 | 
						|
body.night-mode .codehilite .s2,
 | 
						|
body.night-mode .codehilite .se,
 | 
						|
body.night-mode .codehilite .sh,
 | 
						|
body.night-mode .codehilite .si,
 | 
						|
body.night-mode .codehilite .sx,
 | 
						|
body.night-mode .codehilite .sr,
 | 
						|
body.night-mode .codehilite .s1,
 | 
						|
body.night-mode .codehilite .ss {
 | 
						|
    color: #cc9393;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .m,
 | 
						|
body.night-mode .codehilite .mf,
 | 
						|
body.night-mode .codehilite .mh,
 | 
						|
body.night-mode .codehilite .mi,
 | 
						|
body.night-mode .codehilite .mo,
 | 
						|
body.night-mode .codehilite .il {
 | 
						|
    color: #8cd0d3;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .na,
 | 
						|
body.night-mode .codehilite .nt {
 | 
						|
    color: #9ac39f;
 | 
						|
}
 | 
						|
 | 
						|
body.night-mode .codehilite .nb,
 | 
						|
body.night-mode .codehilite .nc,
 | 
						|
body.night-mode .codehilite .nf,
 | 
						|
body.night-mode .codehilite .bp,
 | 
						|
body.night-mode .codehilite .vc {
 | 
						|
    color: #efef8f;
 | 
						|
}
 |