   join G.map (g) ->
     h = $.extend {}, scheme[g.t], v[g.t] # h: effective style
     g.c.split(',').map((x) -> rp + ' ' + x).join(',') + '{' +
-      (h.fg         && "color:#{h.fg};"             || '') +
-      (h.bg         && "background-color:#{h.bg};"  || '') +
-      (h.bold       && 'font-weight:bold;'          || '') +
-      (h.italic     && 'font-style:italic;'         || '') +
-      (h.underlined && 'text-decoration:underline;' || '') +
-      (h.lb         && "border-left-color:#{h.lb};" || '') +
+      (h.fg && "color:#{h.fg};"             || '') +
+      (h.bg && "background-color:#{h.bg};"  || '') +
+      (h.B  && 'font-weight:bold;'          || '') +
+      (h.I  && 'font-style:italic;'         || '') +
+      (h.U  && 'text-decoration:underline;' || '') +
+      (h.lb && "border-left-color:#{h.lb};" || '') +
       '}'
 
 prefs.hi updateStyle = (v) -> $('#col-style').text renderCSS v, '.ride-win'; return

      <select id=col-group>#{join G.map (g, i) -> "<option value=#{i}>#{g.s}"}</select>
      <p><input type=checkbox id=col-fg-cb>Foreground <input type=color id=col-fg list=col-list>
      <p><input type=checkbox id=col-bg-cb>Background <input type=color id=col-bg list=col-list>
      <p><label><input type=checkbox id=col-bold      ><b>B</b></label>
         <label><input type=checkbox id=col-italic    ><i>I</i></label>
         <label><input type=checkbox id=col-underlined><u>U</u></label>
      <p id=col-lb-p>
         <input type=checkbox id=col-lb-cb>Left border <input type=color id=col-lb>
    </div>

  '⍝':fg:'#008888'
  '!':fg:'#ff0000'
  'L':fg:'#000088'
  'mb':bg:'#ffff88'
  'sc':bg:'#ff8800'
  'mo':bg:'#eeeeee'

