git ssb - ran.css: use variables for hues and saturations · Grey the earthling/gkn.me.uk@0a3d4467

Makes adjusting colours easier.

Also lighten the background colour.
This was looking too far off white on some screens,
the monitors at work.

Greg K Nicholson committed on 4/28/2018, 11:36:40 AM
Parent: e0879ad252a8d880a223049ab2d182d1d6c28874

changed

themes/ran/static/style/ran.cssView
		@@ -6,14 +6,17 @@
6	6 …
WritePreview
7	7 …	:root {
8	8 …	--primary-color: #60c030;
9	9 …	--secondary-color: #ffffff;
10		- --background-color: hsl(100, 100%, 95%);
11		- --foreground-color: hsl(100, 10%, 10%);
12		- --foreground-dim-color: hsla(100, 10%, 10%, 70%);
13		- --link-color: hsl(100, 100%, 20%);
14		- --link-dim-color: hsla(100, 100%, 20%, 50%);
15		- --separator-color: hsla(100, 10%, 20%, 50%);
	10 …	+ --hue: 100;
	11 …	+ --saturated: 100%;
	12 …	+ --unsaturated: 20%;
	13 …	+ --background-color: hsl(var(--hue), var(--saturated), 98%);
	14 …	+ --foreground-color: hsl(var(--hue), var(--unsaturated), 10%);
	15 …	+ --foreground-dim-color: hsla(var(--hue), var(--unsaturated), 10%, 70%);
	16 …	+ --link-color: hsl(var(--hue), var(--saturated), 20%);
	17 …	+ --link-dim-color: hsla(var(--hue), var(--saturated), 20%, 50%);
	18 …	+ --separator-color: hsla(var(--hue), var(--unsaturated), 20%, 50%);
16	19 …	--box-shadow-style: inset 0 -1px 0;
17	20 …	--fast: 0.2s;
18	21 …	--slow: 0.4s;
19	22 …	}

Grey the earthling / gkn.me.uk