X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/cad8198dbb4421c31673d233f1f05fdb5e1bffbd..946a46c18e8ef11d5f06ca30901e82d3bf6fd275:/dark.css

diff --git a/dark.css b/dark.css
index b33e7da..da7ee26 100644
--- a/dark.css
+++ b/dark.css
@@ -1,3 +1,6 @@
+@import url(base.css);
+@import url(terse.css) all and (max-width: 80em);
+
 body {
 	background: #000;
 	color: #CCC;
@@ -16,28 +19,6 @@ ul.keys li {
 }
 dl.legend-options dt {background: #333}
 
-.pm {background: #040} /* motion */
-.po {background: #340} /* window */
-.ci {background: #044} /* info */
-.co {background: #440} /* command */
-.cp {background: #530} /* command */
-.mi {background: #520} /* ins */
-.mo {background: #500} /* state */
-.mv {background: #503} /* visual */
-.me {background: #205} /* mode */
-.no {background: #222} /* unassigned */
-
-.pm[onclick]:hover,
-.po[onclick]:hover,
-.ci[onclick]:hover,
-.co[onclick]:hover,
-.mi[onclick]:hover,
-.mo[onclick]:hover,
-.mv[onclick]:hover,
-.me[onclick]:hover {
-	color: #000; /* on default (light) background hover */
-} /* mode link */
-
 /* code syntax */
 .sy-comment    { color: #888 }
 .sy-constant   { color: #8AC }
@@ -49,36 +30,67 @@ dl.legend-options dt {background: #333}
 
 /* character properties */
 
-.glyphs th, .glyphs td {
-	border-color: #333;
-	background: #181818;
+th, td {
+	border-color: #555;
+	background: #222;
 }
 .glyphs.dimap tbody, .glyphs.dimap colgroup {
-	border-color: #555;
+	border-color: #665;
 }
 
 .glyphs small.digraph {
 	background: #444;
-	color: #000;
+	color: #AAA;
 	opacity: 0.5;
 }
 .glyphs small.value {
 	background: #633;
-	color: #000;
+	color: #AAA;
 	opacity: 0.4;
 }
 
 td.X  {background: #000} /* unidentified */
 td.Xr {background: #111} /* reverse */
+td.Co {background: #322} /* private */
 
 /* implementation-based alternatives */
 td.di-b       {background: #411} /* bmp */
 td.di-d       {background: #330} /* rfc-1345 digraph */
-td.di-prop    {background: #420} /* proposed digraph */
-td.di-a       {background: #131} /* ascii */
-td.di-rare    {background: #181818} /* disfavoured */
-td.di-invalid {background: #222} /* impossible */
+td.di-prop    {background: #321} /* proposed digraph */
+td.di-a       {background: #031} /* ascii */
+td.di-rare    {background: #222} /* disfavoured */
+td.di-invalid {background: #333} /* impossible */
+
+/* general colorization */
 
-.glyphs tbody td:hover {color: #000}
-.glyphs tbody td:hover small {color: #FFF}
+td.c-na,
+.pm {background: #040} /* motion */
+.po {background: #340} /* window */
+td.c-sa,
+.ci {background: #044} /* info */
+td.c-af,
+.co {background: #440} /* command */
+td.c-eu,
+.cp {background: #530} /* command */
+.mi {background: #520} /* ins */
+td.c-as,
+.mo {background: #500} /* state */
+td.c-aa,
+.mv {background: #503} /* visual */
+td.c-oc,
+.me {background: #205} /* mode */
+.no {background: #222} /* unassigned */
+
+td.X:hover,
+.pm a:hover, .pm[onclick]:hover,
+.po a:hover, .po[onclick]:hover,
+.ci a:hover, .ci[onclick]:hover,
+.co a:hover, .co[onclick]:hover,
+.mi a:hover, .mi[onclick]:hover,
+.mo a:hover, .mo[onclick]:hover,
+.mv a:hover, .mv[onclick]:hover,
+.me a:hover, .me[onclick]:hover {
+	color: #000; /* on default (light) background hover */
+}
+td.X:hover small {color: #FFF}