X-Git-Url: http://git.shiar.net/sheet.git/blobdiff_plain/20883523f524360de2c7758b02d15be980ed08c3..4f46c6511b0216102dc51414401fc20bff74a88b:/style/_dark.scss?ds=inline

diff --git a/style/_dark.scss b/style/_dark.scss
index 6f56f86..a1bfdfd 100644
--- a/style/_dark.scss
+++ b/style/_dark.scss
@@ -35,25 +35,64 @@ th, td {
 	border-color: #555;
 	background: #222;
 }
-.mapped tbody, .mapped colgroup,
-.dimap tbody, .dimap colgroup {
-	border-color: #665;
+.mapped, .dimap {
+	tbody, colgroup {
+		border-color: #665;
+	}
 }
 
-.glyphs small.digraph {
-	background: #444;
-	color: #AAA;
-	opacity: 0.5;
-}
-.glyphs small.value {
-	background: #633;
-	color: #AAA;
-	opacity: 0.4;
+.glyphs {
+	small.digraph {
+		background: #444;
+		color: #AAA;
+		opacity: 0.5;
+	}
+	small.value {
+		background: #633;
+		color: #AAA;
+		opacity: 0.4;
+	}
 }
 
 .X  {background: #000} /* unidentified */
-.Xr {background: #111} /* reverse */
-.Co, .Xi.Co {background: #322} /* private */
+.X > span {background: #898; background: rgba(255, 255, 255, .25)} /* invisible contents */
+
+/* letter scripts */
+.Armenian,
+.Greek    {background: #532}
+.Cyrillic {background: #420}
+.Latin    {background: #440}
+.Aramaic,
+.Hebrew   {background: #452}
+.Arabic   {background: #343}
+.African  {background: #434}
+.Brahmic  {background: #411} /* same as number */
+.Khmer    {background: #410}
+.Hangul,
+.Syllabic {background: #230}
+.Katakana {background: #240}
+.Hiragana {background: #241}
+.Bopomofo {background: #041}
+.Han      {background: #143}
+.Alpha    {background: #020} /* other scripts */
+
+/* other categories */
+.Nd, .Nl, .No         {background: #411} /* number */
+.Sc                   {background: #401} /* currency */
+.Sm                   {background: #303} /* math */
+.So                   {background: #204} /* symbol */
+.Pd, .Po, .Pc         {background: #124} /* punctuation */
+.Ps, .Pe, .Pi, .Pf    {background: #024} /* quote */
+.Lm, .Sk              {background: #044} /* spacing modifier */
+.Mn                   {background: #022} /* modifier */
+.Cc, .Cf {color: #AAA; background: #556} /* control */
+.Zs                   {background: #142} /* space */
+.Co, .Xi.Co           {background: #322} /* private */
+.Xi, .Cs              {background: #444} /* invalid */
+.Xd                   {color: #844} /* deprecated */
+.Xr                   {color: #888} /* reserved (digraph reverse or proposal) */
+.dimap .Xr            {background: #333} /* reversed digraph */
+.ccmap .Xr {opacity:.4}
 
 /* implementation-based alternatives */
 .l1 {background: #411} /* bmp */
@@ -65,6 +104,14 @@ th, td {
 .ex {     color: #777} /* disfavoured */
 .u-invalid {background: #333} /* impossible */
 
+/* foreground representation */
+#digraphs {
+	.u-l4 {color: #4A4} /* partial */
+	.u-l5 {color: #6C4} /* experimental */
+	.u-l2 {color: #A44; color: rgba(191, 127, 127, .8)} /* unofficial */
+	.u-l1 {color: #D00; color: rgba(255, 63, 63, .8)} /* missing */
+}
+
 .p4::after {color: #F44}
 .p3::after {color: #E66}
 .p2::after {color: #C88}
@@ -118,78 +165,14 @@ 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) {
-	.keys td b,
-	.keys .meta td b,
-	.keys .ctrl td b,
-	.keys .lead td b {
-		color: #000;
+	.keys {
+		&, .meta, .ctrl, .lead {
+			td b {
+				color: #000;
+			}
+		}
 	}
 }