1 2 3 4 2016-03-14 15:00:00

These are the variables used by the boilerplate below, updated by the sliders. Existing output can be pasted in here and the preview and colour pickers will update to match it.
NOTE: The colours of the text boxes will not update until clicked. This is a known issue.

This is the boilerplate common to any theme generated by this site:

client.focused  $focused_bg $focused_bg $focused_fg $focused_inactive_bg
client.focused_inactive $focused_inactive_bg $focused_inactive_bg $focused_inactive_fg $focused_bg
client.unfocused $unfocused_bg $unfocused_bg $unfocused_fg $unfocused_bg
client.urgent $urgent_bg $urgent_bg $urgent_fg $urgent_bg
client.placeholder #000000 $focused_inactive_bg $focused_inactive_fg #000000
bar {
    # [...existing bar configuration...]
    colors {
            background $bar_bg
            statusline $bar_fg

            focused_workspace $focused_bg $focused_bg $focused_fg
            active_workspace $focused_inactive_bg $focused_inactive_bg $focused_inactive_fg
            inactive_workspace $unfocused_bg $unfocused_bg $unfocused_fg
            urgent_workspace $urgent_bg $urgent_bg $urgent_fg
    }
}