dark.css

   1 @import url(base.css);
   2 @import url(terse.css) all and (max-width: 80em);
   3
   4 body {
   5         background: #000;
   6         color: #CCC;
   7 }
   8 a, a:visited {
   9         color: #BBB;
  10 }
  11 a:active, a:hover {
  12         color: #44E;
  13         text-decoration: none;
  14 }
  15
  16 dl.legend dt,
  17 ul.keys li {
  18         border-color: #888;
  19 }
  20 dl.legend-options dt {background: #333}
  21
  22 .pm {background: #040} /* motion */
  23 .po {background: #340} /* window */
  24 .ci {background: #044} /* info */
  25 .co {background: #440} /* command */
  26 .cp {background: #530} /* command */
  27 .mi {background: #520} /* ins */
  28 .mo {background: #500} /* state */
  29 .mv {background: #503} /* visual */
  30 .me {background: #205} /* mode */
  31 .no {background: #222} /* unassigned */
  32
  33 .pm[onclick]:hover,
  34 .po[onclick]:hover,
  35 .ci[onclick]:hover,
  36 .co[onclick]:hover,
  37 .mi[onclick]:hover,
  38 .mo[onclick]:hover,
  39 .mv[onclick]:hover,
  40 .me[onclick]:hover {
  41         color: #000; /* on default (light) background hover */
  42 } /* mode link */
  43
  44 /* code syntax */
  45 .sy-comment    { color: #888 }
  46 .sy-constant   { color: #8AC }
  47 .sy-type,
  48 .sy-identifier { color: #C9B }
  49 .sy-special    { color: #A9C }
  50 .sy-error      { font-weight: bold; background-color: #800; color: #EEE }
  51 .sy-todo       { background-color: #880 }
  52
  53 /* character properties */
  54
  55 th, td {
  56         border-color: #333;
  57         background: #181818;
  58 }
  59 .glyphs.dimap tbody, .glyphs.dimap colgroup {
  60         border-color: #555;
  61 }
  62
  63 .glyphs small.digraph {
  64         background: #444;
  65         color: #000;
  66         opacity: 0.5;
  67 }
  68 .glyphs small.value {
  69         background: #633;
  70         color: #000;
  71         opacity: 0.4;
  72 }
  73
  74 td.X  {background: #000} /* unidentified */
  75 td.Xr {background: #111} /* reverse */
  76 td.Co {background: #181111} /* private */
  77
  78 /* implementation-based alternatives */
  79 td.di-b       {background: #411} /* bmp */
  80 td.di-d       {background: #330} /* rfc-1345 digraph */
  81 td.di-prop    {background: #420} /* proposed digraph */
  82 td.di-a       {background: #131} /* ascii */
  83 td.di-rare    {background: #181818} /* disfavoured */
  84 td.di-invalid {background: #222} /* impossible */
  85
  86 /* continents */
  87 td.c-af       {background: #1C1C00}
  88 td.c-eu       {background: #221400}
  89 td.c-as       {background: #200}
  90 td.c-oc       {background: #102}
  91 td.c-aa       {background: #012}
  92 td.c-sa       {background: #001A1A}
  93 td.c-na       {background: #001800}
  94
  95 .glyphs tbody td:hover {color: #000}
  96 .glyphs tbody td:hover small {color: #FFF}
  97