<% containers = {'header' => 'Header', 'section' => 'Content Section', 'footer' => 'Footer'} links = ['unvisited','visited','hover','active'] %>

<%=CytoTable do |t|%> <%=t.header_row("Color Palette")%> <% ['background','text','accent'].each do |color| %> <%=color.capitalize%> Color: <%=CytoColorPicker("colors[global]["+color+"]",Cytoplasm.vars("colors.global."+color))%> <% end %>

Containers

<% containers.each do |key,label| %> <%=label%>: <% ['background','text'].each do |color| %><%=CytoColorPicker("colors["+key+"]["+color+"]",Cytoplasm.vars("colors."+key+"."+color),:data => {:label => color.capitalize})%><% end %> <% end %>

Links

<% links.each do |link| %> <%=link.capitalize%>: <%=CytoColorPicker("colors[link]["+link+"][text]",Cytoplasm.vars("colors.link."+link+".text"),:data => {:label => "Text:"})%> <% end %>

Plugins

<% {"cytoTable" => ["background","text"],"cytoField" => ["background","text"],"cytoSelect" => ["background","text"],"cytoRadio" => ["background","text"],"cytoUpload" => ["background","text"],"cytoSlider" => ["text"]}.each do |plugin,colors| %> <%=plugin.capitalize%>: <% colors.each do |color| %> <%=color.capitalize%>: " /> <% end %> <% end %> <% end %>