sc: minimal mono style of significant colour distinctions

[sheet.git] / style / sc.scss

diff --git a/style/sc.scss b/style/sc.scss
index 0c0a829c1b670bf950ed237363c626fef4c48264..62f58078d669d509eb80a3f38223501d87549241 100644 (file)
--- a/style/sc.scss
+++ b/style/sc.scss
@@ -181,3 +181,173 @@ 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;
+       }
+}
+
+.s-mono {
+       .unit-min {color: #000}
+       .unit-gas {color: #888}
+
+       .unit-o {color: #888}
+       .unit-u {color: #444}
+       .unit-p {color: #666}
+       .unit-supply {color: #888}
+
+       // distinctions significant in bonus damage
+       .unit-air {color: #AAA}
+       .unit-x {color: #000; text-shadow: #888 0 0 .1em}
+       .unit-s {color: #888}
+       .unit-m {color: #444}
+       .unit-l {color: #222}
+       .unit-h {color: #000}
+
+       tbody .unit-shield {
+               color: #888;
+       }
+       .unit-pdd {
+               color: #666;
+       }
+       .unit-splash {
+               color: #444;
+       }
+       .hurt-a {
+               color: #000;
+       }
+       .hurt-g {
+               color: #000;
+       }
+       .unit-massive {
+               color: #444;
+       }
+       .unit-detect::before {
+               color: #888;
+       }
+       .unit-jump {
+               color: #222;
+       }
+}