-body .pm {background: #FFF} /* motion */
-body .po {background: #DDD} /* window */
-body .co {background: #AAA} /* command */
-body .ci {background: #777} /* info */
-body .mi {background: #888; color: #FFF} /* insert mode */
-body .mv {background: #444; color: #FFF} /* visual mode */
-body .mo {background: #000; color: #FFF} /* mode */
-body .me {background: #000; color: #AAA} /* key mode */
-
-body ul.keys li[onclick]:hover {
- background: #888;
+td,
+.X {background: #EEE}
+.l0 a, .l0 a:visited,
+.l0 {background: #BBB; color: #FFF; text-shadow: 0 0 4px #000}
+.l1 a, .l1 a:visited,
+.l1 {background: #000; color: #FFF}
+.l2 a, .l2 a:visited,
+.l2 {background: #444; color: #FFF}
+.l3 {background: #AAA; color: #000}
+.l4 {background: #DDD; color: #000}
+.l5 {background: #EEE; color: #000}
+
+.p0:not(.p) {color: #888; opacity: 1}
+.p0:not(.p).l0 {color: #DDD}
+ .p::after {color: #444}
+.l0.p::after,
+.l2.p::after,
+.l1.p::after {color: #CCC}
+ .p::after {content: '‼'}
+.p1.p::after,
+.p0.p::after {content: '!'}
+
+.pm, .g1 {background: #FFF} /* motion */
+.po, .g2 {background: #DDD} /* window */
+.co, .g3 {background: #AAA} /* command */
+.ci, .g0 {background: #777} /* info */
+.cp, .g4 {background: #AAA; color: #FFF} /* open */
+.mi, .g5 {background: #888; color: #FFF} /* insert mode */
+.mv, .g6 {background: #444; color: #FFF} /* visual mode */
+.mo, .g7 {background: #000; color: #FFF} /* mode */
+.me, .g8 {background: #000; color: #AAA} /* key mode */
+
+ul.keys li[onclick]:hover,
+ul.keys li a:hover,
+.l:hover, .l:hover a, .l:hover a:visited,
+.X:hover {
+ background: #FFF;