From: Mischa POSLAWSKY <perl@shiar.org>
Date: Mon, 24 Jun 2024 00:30:32 +0000 (+0200)
Subject: sc: move colour declarations to page stylesheet
X-Git-Tag: v1.20~16
X-Git-Url: http://git.shiar.net/sheet.git/commitdiff_plain/9a0c705ffb894f78cc281ae86dc9c4ac9ad5974a?ds=inline

sc: move colour declarations to page stylesheet

Style overrides can now be included under .s-dark.
---

diff --git a/style/_base.scss b/style/_base.scss
index b68e08c..2a3899b 100644
--- a/style/_base.scss
+++ b/style/_base.scss
@@ -925,69 +925,6 @@ nav > .section {
 	margin-top: 1em;
 }
 
-.units tbody tr:hover:not(.race) {
-	background: #EEE;
-}
-.unit-gas {
-	color: #040;
-}
-.unit-min, .unit-min a:not(:hover) {
-	color: #004;
-}
-.unit-supply {
-	color: #080;
-}
-.unit-o {color: #C08} /* organic */
-.unit-u {color: #44C} /* mechanic */
-.unit-p {color: #0A8} /* psionic */
-.unit-composed {
-	color: #C88;
-}
-.unit-air {
-	color: #08C;
-}
-.unit-x {color: #888}
-.unit-s {color: #890}
-.unit-m {color: #C70}
-.unit-l {color: #D22}
-.unit-h {color: #804}
-.magic-opt:before,
-.magic-opt:after {
-	color: #000;
-}
-.hurtrel, .units .hurtrel {
-	color: #778;
-}
-tbody .unit-shield {
-	color: #64A;
-}
-.unit-pdd {
-	color: #A8C;
-}
-.unit-splash {
-	color: #4A0;
-}
-.hurt-a {
-	color: #036;
-}
-.hurt-g {
-	color: #063;
-}
-.unit-massive {
-	color: #D88;
-}
-.unit-detect::before {
-	color: #0A8;
-}
-.unit-jump {
-	color: #8A4;
-}
-body .magic-perma {
-	        text-decoration-color: #8C0;
-	   -moz-text-decoration-color: #8C0;
-	-webkit-text-decoration-color: #8C0;
-}
-
 /* printing hints */
 
 @page {
diff --git a/style/_dark.scss b/style/_dark.scss
index e92f0f9..18f297b 100644
--- a/style/_dark.scss
+++ b/style/_dark.scss
@@ -160,71 +160,6 @@ figcaption {
 	background: rgba(255, 255, 255, .5);
 }
 
-/* starcraft */
-
-.units tbody tr:hover:not(.race) {
-	background: #222;
-}
-.unit-gas {
-	color: #AC9;
-}
-.unit-min, .unit-min a:not(:hover) {
-	color: #ABC;
-}
-.unit-supply {
-	color: #8C6;
-}
-.unit-o {color: #C5A} /* organic */
-.unit-u {color: #66B} /* mechanic */
-.unit-p {color: #0A8} /* psionic */
-.unit-composed {
-	color: #A44;
-}
-.unit-air {
-	color: #4AC;
-}
-.unit-x {color: #666}
-.unit-s {color: #AC6}
-.unit-m {color: #C70}
-.unit-l {color: #C44}
-.unit-h {color: #C06}
-.magic-opt:before,
-.magic-opt:after {
-	color: #CCC;
-}
-.hurtrel, .units .hurtrel {
-	color: #887;
-}
-tbody .unit-shield {
-	color: #88A;
-}
-.unit-pdd {
-	color: #A8C;
-}
-.unit-splash {
-	color: #4A0;
-}
-.hurt-a {
-	color: #8AC;
-}
-.hurt-g {
-	color: #8CA;
-}
-.unit-massive {
-	color: #844;
-}
-.unit-detect::before {
-	color: #0A8;
-}
-.unit-jump {
-	color: #780;
-}
-body .magic-perma {
-	        text-decoration-color: #460;
-	   -moz-text-decoration-color: #460;
-	-webkit-text-decoration-color: #460;
-}
-
 /* keyboard */
 
 @media (max-width: 79em) {
diff --git a/style/sc.scss b/style/sc.scss
index 0c0a829..6f88251 100644
--- a/style/sc.scss
+++ b/style/sc.scss
@@ -181,3 +181,130 @@ td.hurtrel {
 	}
 }
 
+.units tbody tr:hover:not(.race) {
+	background: #EEE;
+}
+.unit-gas {
+	color: #040;
+}
+.unit-min, .unit-min a:not(:hover) {
+	color: #004;
+}
+.unit-supply {
+	color: #080;
+}
+.unit-o {color: #C08} /* organic */
+.unit-u {color: #44C} /* mechanic */
+.unit-p {color: #0A8} /* psionic */
+.unit-composed {
+	color: #C88;
+}
+.unit-air {
+	color: #08C;
+}
+.unit-x {color: #888}
+.unit-s {color: #890}
+.unit-m {color: #C70}
+.unit-l {color: #D22}
+.unit-h {color: #804}
+.magic-opt:before,
+.magic-opt:after {
+	color: #000;
+}
+.hurtrel, .units .hurtrel {
+	color: #778;
+}
+tbody .unit-shield {
+	color: #64A;
+}
+.unit-pdd {
+	color: #A8C;
+}
+.unit-splash {
+	color: #4A0;
+}
+.hurt-a {
+	color: #036;
+}
+.hurt-g {
+	color: #063;
+}
+.unit-massive {
+	color: #D88;
+}
+.unit-detect::before {
+	color: #0A8;
+}
+.unit-jump {
+	color: #8A4;
+}
+body .magic-perma {
+	        text-decoration-color: #8C0;
+	   -moz-text-decoration-color: #8C0;
+	-webkit-text-decoration-color: #8C0;
+}
+
+.s-dark {
+	.units tbody tr:hover:not(.race) {
+		background: #222;
+	}
+	.unit-gas {
+		color: #AC9;
+	}
+	.unit-min, .unit-min a:not(:hover) {
+		color: #ABC;
+	}
+	.unit-supply {
+		color: #8C6;
+	}
+	.unit-o {color: #C5A} /* organic */
+	.unit-u {color: #66B} /* mechanic */
+	.unit-p {color: #0A8} /* psionic */
+	.unit-composed {
+		color: #A44;
+	}
+	.unit-air {
+		color: #4AC;
+	}
+	.unit-x {color: #666}
+	.unit-s {color: #AC6}
+	.unit-m {color: #C70}
+	.unit-l {color: #C44}
+	.unit-h {color: #C06}
+	.magic-opt:before,
+	.magic-opt:after {
+		color: #CCC;
+	}
+	.hurtrel, .units .hurtrel {
+		color: #887;
+	}
+	tbody .unit-shield {
+		color: #88A;
+	}
+	.unit-pdd {
+		color: #A8C;
+	}
+	.unit-splash {
+		color: #4A0;
+	}
+	.hurt-a {
+		color: #8AC;
+	}
+	.hurt-g {
+		color: #8CA;
+	}
+	.unit-massive {
+		color: #844;
+	}
+	.unit-detect::before {
+		color: #0A8;
+	}
+	.unit-jump {
+		color: #780;
+	}
+	body .magic-perma {
+				text-decoration-color: #460;
+		   -moz-text-decoration-color: #460;
+		-webkit-text-decoration-color: #460;
+	}
+}