dark.css

   1 body {
   2         background: #000;
   3         color: #CCC;
   4 }
   5 a, a:visited {
   6         color: #BBB;
   7 }
   8 a:active, a:hover {
   9         color: #44E;
  10         text-decoration: none;
  11 }
  12
  13 dl.legend dt,
  14 ul.keys li {
  15         border-color: #888;
  16 }
  17 dl.legend-options dt {background: #333}
  18
  19 .pm {background: #040} /* motion */
  20 .po {background: #340} /* window */
  21 .ci {background: #044} /* info */
  22 .co {background: #440} /* command */
  23 .cp {background: #530} /* command */
  24 .mi {background: #520} /* ins */
  25 .mo {background: #500} /* state */
  26 .mv {background: #503} /* visual */
  27 .me {background: #205} /* mode */
  28 .no {background: #222} /* unassigned */
  29
  30 .pm[onclick]:hover,
  31 .po[onclick]:hover,
  32 .ci[onclick]:hover,
  33 .co[onclick]:hover,
  34 .mi[onclick]:hover,
  35 .mo[onclick]:hover,
  36 .mv[onclick]:hover,
  37 .me[onclick]:hover {
  38         color: #000; /* on default (light) background hover */
  39 } /* mode link */
  40
  41 /* character properties */
  42
  43 .glyphs th, .glyphs td {
  44         border-color: #333;
  45         background: #181818;
  46 }
  47 .glyphs.dimap tbody, .glyphs.dimap colgroup {
  48         border-color: #555;
  49 }
  50
  51 .glyphs small.digraph {
  52         background: #444;
  53         color: #000;
  54         opacity: 0.5;
  55 }
  56 .glyphs small.value {
  57         background: #633;
  58         color: #000;
  59         opacity: 0.4;
  60 }
  61
  62 td.X  {background: #000} /* unidentified */
  63 td.Xr {background: #111} /* reverse */
  64
  65 /* implementation-based alternatives */
  66 td.di-b       {background: #411} /* bmp */
  67 td.di-d       {background: #330} /* rfc-1345 digraph */
  68 td.di-prop    {background: #420} /* proposed digraph */
  69 td.di-a       {background: #131} /* ascii */
  70 td.di-rare    {background: #181818} /* disfavoured */
  71 td.di-invalid {background: #222} /* impossible */
  72
  73 .glyphs tbody td:hover {color: #000}
  74 .glyphs tbody td:hover small {color: #FFF}
  75