       selectGroup H[' ']
     return
   $('#col-group').change -> selectGroup +@value; return
-  $('#col-fg        ').change -> model[sel].fg         = @value;      updateSampleStyle(); return
-  $('#col-bg        ').change -> model[sel].bg         = @value;      updateSampleStyle(); return
-  $('#col-bold      ').click  -> model[sel].bold       = +!!@checked; updateSampleStyle(); return
-  $('#col-italic    ').click  -> model[sel].italic     = +!!@checked; updateSampleStyle(); return
-  $('#col-underlined').click  -> model[sel].underlined = +!!@checked; updateSampleStyle(); return
+  $('#col-fg').change -> model[sel].fg = @value;     updateSampleStyle(); return
+  $('#col-bg').change -> model[sel].bg = @value;     updateSampleStyle(); return
+  $('#col-lb').change -> model[sel].lb = @value;     updateSampleStyle(); return
+  $('#col-B').click   -> model[sel].B = +!!@checked; updateSampleStyle(); return
+  $('#col-I').click   -> model[sel].I = +!!@checked; updateSampleStyle(); return
+  $('#col-U').click   -> model[sel].U = +!!@checked; updateSampleStyle(); return
   ['fg', 'bg', 'lb'].forEach (p) ->
     $("#col-#{p}-cb").click ->
       $("#col-#{p}").toggle @checked

  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};" || '') +
      '}'

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-B><b>B</b></label>
         <label><input type=checkbox id=col-I><i>I</i></label>
         <label><input type=checkbox id=col-U><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>
