<% Decidim::Proposals::ProposalState.colors.each do |color_key, color_values| %> <% state_id = "proposal_state_text_color_#{color_values[:foreground].delete("#").downcase}" %> <%= form.radio_button :text_color, color_values[:foreground], label: color_values[:name], class: "!mr-4", data: { "sync-radio-buttons" => true, "sync-radio-buttons-value" => color_key, "css-preview" => true, "css-preview-updates" => "strong[data-label-preview]:color:#{color_values[:foreground]}; " + "div[data-announcement-preview]:color:#{color_values[:foreground]}; " + "div[data-announcement-preview]:borderColor:#{color_values[:foreground]}/var(--tw-border-opacity)" } %> <%= form.radio_button :bg_color, color_values[:background], label: color_values[:name], style: "display: none;", data: { "sync-radio-buttons-value-target" => color_key, "css-preview" => true, "css-preview-updates" => "strong[data-label-preview]:backgroundColor:#{color_values[:background]}; " + "div[data-announcement-preview]:backgroundColor:#{color_values[:background]};" } %> <% end %>