From 194ad84d50ba285bc620fe8cbd48d5e595c1dedc Mon Sep 17 00:00:00 2001 From: Mischa POSLAWSKY Date: Wed, 4 Feb 2009 23:57:20 +0000 Subject: [PATCH] implement dark styling for digraphs --- base.css | 2 +- dark.css | 35 +++++++++++++++++++++++++++++++++++ digraphs.plp | 8 +++++++- unicode.plp | 8 +++++++- 4 files changed, 50 insertions(+), 3 deletions(-) diff --git a/base.css b/base.css index 918d824..0922dc4 100644 --- a/base.css +++ b/base.css @@ -152,7 +152,7 @@ table.glyphs { .glyphs th, .glyphs thead td { border: 0; - background: transparent; + background: transparent !important; } .glyphs thead td { width: auto; /* no glyph cells in header */ diff --git a/dark.css b/dark.css index e230e1a..dd54f48 100644 --- a/dark.css +++ b/dark.css @@ -36,3 +36,38 @@ dl.legend-options dt {background: #333} color: #000; /* on default (light) background hover */ } /* mode link */ +/* character properties */ + +.glyphs th, .glyphs td { + border-color: #333; + background: #181818; +} +.glyphs.dimap tbody, .glyphs.dimap colgroup { + border-color: #555; +} + +.glyphs small.digraph { + background: #444; + color: #000; + opacity: 0.5; +} +.glyphs small.value { + background: #633; + color: #000; + opacity: 0.4; +} + +td.X {background: #000} /* unidentified */ +td.Xr {background: #111} /* reverse */ + +/* implementation-based alternatives */ +td.di-b {background: #411} /* bmp */ +td.di-d {background: #330} /* rfc-1345 digraph */ +td.di-prop {background: #420} /* proposed digraph */ +td.di-a {background: #131} /* ascii */ +td.di-rare {background: #181818} /* disfavoured */ +td.di-invalid {background: #222} /* impossible */ + +.glyphs tbody td:hover {color: #000} +.glyphs tbody td:hover small {color: #FFF} + diff --git a/digraphs.plp b/digraphs.plp index 98fba89..73189c9 100644 --- a/digraphs.plp +++ b/digraphs.plp @@ -16,7 +16,13 @@ $header{content_type} = 'text/html; charset=utf-8'; digraph cheat sheet - +<: + my %styles = map {$_ => $_} qw(dark circus mono red terse); + our $style = exists $get{style} && $styles{$get{style}} || 'light'; + printf(qq{\n}, + $_ eq $style ? 'stylesheet' : 'alternate stylesheet', "$_.css", $_ + ) for keys %styles; +:> diff --git a/unicode.plp b/unicode.plp index cc133d5..25f89de 100644 --- a/unicode.plp +++ b/unicode.plp @@ -16,7 +16,13 @@ $header{content_type} = 'text/html; charset=utf-8'; digraph cheat sheet - +<: + my %styles = map {$_ => $_} qw(dark circus mono red terse); + our $style = exists $get{style} && $styles{$get{style}} || 'light'; + printf(qq{\n}, + $_ eq $style ? 'stylesheet' : 'alternate stylesheet', "$_.css", $_ + ) for keys %styles; +:> -- 2.30.0