X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/85e0235b718898b6411ed2eb5d387a2a9d62156b..5eb5ea37fdc8a195430cf7b198aacb30057b87a8:/dark.css diff --git a/dark.css b/dark.css index ddd4fd4..da7ee26 100644 --- a/dark.css +++ b/dark.css @@ -1,3 +1,6 @@ +@import url(base.css); +@import url(terse.css) all and (max-width: 80em); + body { background: #000; color: #CCC; @@ -16,21 +19,78 @@ ul.keys li { } dl.legend-options dt {background: #333} +/* code syntax */ +.sy-comment { color: #888 } +.sy-constant { color: #8AC } +.sy-type, +.sy-identifier { color: #C9B } +.sy-special { color: #A9C } +.sy-error { font-weight: bold; background-color: #800; color: #EEE } +.sy-todo { background-color: #880 } + +/* character properties */ + +th, td { + border-color: #555; + background: #222; +} +.glyphs.dimap tbody, .glyphs.dimap colgroup { + border-color: #665; +} + +.glyphs small.digraph { + background: #444; + color: #AAA; + opacity: 0.5; +} +.glyphs small.value { + background: #633; + color: #AAA; + opacity: 0.4; +} + +td.X {background: #000} /* unidentified */ +td.Xr {background: #111} /* reverse */ +td.Co {background: #322} /* private */ + +/* implementation-based alternatives */ +td.di-b {background: #411} /* bmp */ +td.di-d {background: #330} /* rfc-1345 digraph */ +td.di-prop {background: #321} /* proposed digraph */ +td.di-a {background: #031} /* ascii */ +td.di-rare {background: #222} /* disfavoured */ +td.di-invalid {background: #333} /* impossible */ + +/* general colorization */ + +td.c-na, .pm {background: #040} /* motion */ .po {background: #340} /* window */ +td.c-sa, .ci {background: #044} /* info */ +td.c-af, .co {background: #440} /* command */ -.mi {background: #530} /* ins */ +td.c-eu, +.cp {background: #530} /* command */ +.mi {background: #520} /* ins */ +td.c-as, .mo {background: #500} /* state */ +td.c-aa, .mv {background: #503} /* visual */ +td.c-oc, .me {background: #205} /* mode */ .no {background: #222} /* unassigned */ -.co[onclick]:hover, -.mi[onclick]:hover, -.mo[onclick]:hover, -.mv[onclick]:hover, -.me[onclick]:hover { +td.X:hover, +.pm a:hover, .pm[onclick]:hover, +.po a:hover, .po[onclick]:hover, +.ci a:hover, .ci[onclick]:hover, +.co a:hover, .co[onclick]:hover, +.mi a:hover, .mi[onclick]:hover, +.mo a:hover, .mo[onclick]:hover, +.mv a:hover, .mv[onclick]:hover, +.me a:hover, .me[onclick]:hover { color: #000; /* on default (light) background hover */ -} /* mode link */ +} +td.X:hover small {color: #FFF}