/* default u-ascii */
.l5 {background: #DFD} /* complete, perfect */
.l0 {background: #EEE} /* unknown, omitted */
-.ex {background: #EEE} /* experimental, disfavoured */
+.ex { color: #888} /* experimental, disfavoured */
.u-invalid {background: #BBB} /* invalid, impossible */
-.p0 {opacity: .5}
+.p0 {opacity: .6}
.p0.p {opacity: 1}
.p::after {content: '!'; color: #F00}
.p4::after {color: #C00}
.l3:hover {background: #FF8}
.l4:hover {background: #CF8}
.l5:hover {background: #8F8}
-.ex:hover {background: #BBB}
/* key type colorization */
.l4 {background: #030} /* ascii */
.l5 {background: #00331D} /* ascii */
.l0 {background: #222}
-.ex {background: #222} /* disfavoured */
+.ex { color: #777} /* disfavoured */
.u-invalid {background: #333} /* impossible */
.p4::after {color: #F44}
.pm, .c-na, .g1 .l4 {background: #002200}
.ci, .c-sa .g0 {background: #001A1A}
.no {}
-.ex {background: #181818}
.u-invalid {background: #222}
.l3 {background: #AAA; color: #000}
.l4 {background: #DDD; color: #000}
.l5 {background: #EEE; color: #000}
-.ex a, .ex a:visited,
-.ex {color: #888}
.p0:not(.p) {color: #888; opacity: 1}
.p0:not(.p).l0 {color: #DDD}
<td class="X l3"><:= $glyphs->{digraph} ? 'digraph' : 'latin1' :>
<td class="X l2"><:= $glyphs->{digraph} ? 'proposed' : 'BMP' :>
<td class="X l1">other unicode
- <td class="X l2 ex">discouraged
+ <td class="X ex">discouraged
</table>
</div>