implement dark styling for digraphs

[sheet.git] / dark.css

diff --git a/dark.css b/dark.css
index e230e1a863e2e69bcb177121521c56cde2329937..dd54f48d0de613ce5578bc0c4f936079b790ad47 100644 (file)
--- a/dark.css
+++ b/dark.css
@@ -36,3 +36,38 @@ dl.legend-options dt {background: #333}
        color: #000; /* on default (light) background hover */
 } /* mode link */
 
+/* character properties */
+
+.glyphs th, .glyphs td {
+       border-color: #333;
+       background: #181818;
+}
+.glyphs.dimap tbody, .glyphs.dimap colgroup {
+       border-color: #555;
+}
+
+.glyphs small.digraph {
+       background: #444;
+       color: #000;
+       opacity: 0.5;
+}
+.glyphs small.value {
+       background: #633;
+       color: #000;
+       opacity: 0.4;
+}
+
+td.X  {background: #000} /* unidentified */
+td.Xr {background: #111} /* reverse */
+
+/* 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 */
+
+.glyphs tbody td:hover {color: #000}
+.glyphs tbody td:hover small {color: #FFF}
+