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 .mapped tbody, .mapped colgroup,
  38 .dimap tbody, .dimap colgroup {
  39         border-color: #665;
  40 }
  41
  42 .glyphs small.digraph {
  43         background: #444;
  44         color: #AAA;
  45         opacity: 0.5;
  46 }
  47 .glyphs small.value {
  48         background: #633;
  49         color: #AAA;
  50         opacity: 0.4;
  51 }
  52
  53 .X  {background: #000} /* unidentified */
  54 .Xr {background: #111} /* reverse */
  55 .Co {background: #322} /* private */
  56
  57 /* implementation-based alternatives */
  58 .l0 {background: #411} /* bmp */
  59 .l2 {background: #321} /* proposed digraph */
  60 .l4 {background: #330} /* rfc-1345 digraph */
  61 .l5 {background: #030} /* ascii */
  62 .l6 {background: #00331D} /* ascii */
  63 .ex {background: #222} /* disfavoured */
  64 .u-invalid {background: #333} /* impossible */
  65
  66 /* general colorization */
  67
  68 .c-sa,
  69 .ci,
  70 .g0 {background: #044}
  71 .c-na,
  72 .pm,
  73 .g1 {background: #040}
  74 .po,
  75 .g2 {background: #340}
  76 .c-af,
  77 .co,
  78 .g3 {background: #440}
  79 .c-eu,
  80 .cp,
  81 .g4 {background: #530}
  82 .mi,
  83 .g5 {background: #520}
  84 .c-as,
  85 .mo,
  86 .g6 {background: #500}
  87 .c-aa,
  88 .mv,
  89 .g7 {background: #503}
  90 .c-oc,
  91 .me,
  92 .g8 {background: #205}
  93 .no {background: #222}
  94
  95 .X:hover,
  96 .pm a:hover, .pm[onclick]:hover,
  97 .po a:hover, .po[onclick]:hover,
  98 .ci a:hover, .ci[onclick]:hover,
  99 .co a:hover, .co[onclick]:hover,
 100 .mi a:hover, .mi[onclick]:hover,
 101 .mo a:hover, .mo[onclick]:hover,
 102 .mv a:hover, .mv[onclick]:hover,
 103 .me a:hover, .me[onclick]:hover,
 104 .g8 a:hover, .g8[onclick]:hover,
 105 .g7 a:hover, .g7[onclick]:hover,
 106 .g6 a:hover, .g6[onclick]:hover,
 107 .g5 a:hover, .g5[onclick]:hover,
 108 .g4 a:hover, .g4[onclick]:hover,
 109 .g3 a:hover, .g3[onclick]:hover,
 110 .g2 a:hover, .g2[onclick]:hover,
 111 .g1 a:hover, .g1[onclick]:hover,
 112 .g0 a:hover, .g0[onclick]:hover {
 113         color: #000; /* on default (light) background hover */
 114 }
 115 .X:hover small {color: #FFF}
 116