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 /* code syntax */
  23 .sy-comment    { color: #888 }
  24 .sy-constant   { color: #8AC }
  25 .sy-type,
  26 .sy-identifier { color: #C9B }
  27 .sy-special    { color: #A9C }
  28 .sy-error      { font-weight: bold; background-color: #800; color: #EEE }
  29 .sy-todo       { background-color: #880 }
  30
  31 /* character properties */
  32
  33 th, td {
  34         border-color: #555;
  35         background: #222;
  36 }
  37 .glyphs.dimap tbody, .glyphs.dimap colgroup {
  38         border-color: #665;
  39 }
  40
  41 .glyphs small.digraph {
  42         background: #444;
  43         color: #AAA;
  44         opacity: 0.5;
  45 }
  46 .glyphs small.value {
  47         background: #633;
  48         color: #AAA;
  49         opacity: 0.4;
  50 }
  51
  52 td.X  {background: #000} /* unidentified */
  53 td.Xr {background: #111} /* reverse */
  54 td.Co {background: #322} /* private */
  55
  56 /* implementation-based alternatives */
  57 td.di-b       {background: #411} /* bmp */
  58 td.di-d       {background: #330} /* rfc-1345 digraph */
  59 td.di-prop    {background: #321} /* proposed digraph */
  60 td.di-a       {background: #031} /* ascii */
  61 td.di-rare    {background: #222} /* disfavoured */
  62 td.di-invalid {background: #333} /* impossible */
  63
  64 /* general colorization */
  65
  66 td.c-na,
  67 .pm {background: #040} /* motion */
  68 .po {background: #340} /* window */
  69 td.c-sa,
  70 .ci {background: #044} /* info */
  71 td.c-af,
  72 .co {background: #440} /* command */
  73 td.c-eu,
  74 .cp {background: #530} /* command */
  75 .mi {background: #520} /* ins */
  76 td.c-as,
  77 .mo {background: #500} /* state */
  78 td.c-aa,
  79 .mv {background: #503} /* visual */
  80 td.c-oc,
  81 .me {background: #205} /* mode */
  82 .no {background: #222} /* unassigned */
  83
  84 td.X:hover,
  85 .pm a:hover, .pm[onclick]:hover,
  86 .po a:hover, .po[onclick]:hover,
  87 .ci a:hover, .ci[onclick]:hover,
  88 .co a:hover, .co[onclick]:hover,
  89 .mi a:hover, .mi[onclick]:hover,
  90 .mo a:hover, .mo[onclick]:hover,
  91 .mv a:hover, .mv[onclick]:hover,
  92 .me a:hover, .me[onclick]:hover {
  93         color: #000; /* on default (light) background hover */
  94 }
  95 td.X:hover small {color: #FFF}
  96