def organization_colors
      css = current_organization.colors.each.map { |k, v| "--#{k}: #{v};--#{k}-rgb: #{v[1..2].hex},#{v[3..4].hex},#{v[5..6].hex};" }.join
      render partial: "layouts/decidim/organization_colors", locals: { css: css }
    end
def organization_colors
      css = current_organization.colors.each.map { |k, v| "--#{k}: #{v};--#{k}-rgb: #{v[1..2].hex},#{v[3..4].hex},#{v[5..6].hex};" }.join
      render partial: "layouts/decidim/organization_colors", locals: { css: css }
    end
Renders a view with the customizable CSS variables in two flavours:
 1. as a hexadecimal valid CSS color (ie: #ff0000)
 2. as a disassembled RGB components (ie: 255,0,0)

 Example:

 --primary: #ff0000;
 --primary-rgb: 255,0,0

 Hexadecimal variables can be used as a normal CSS color:

 color: var(--primary)

 While the disassembled variant can be used where you need to manipulate
 the color somehow (ie: adding a background transparency):

 background-color: rgba(var(--primary-rgb), 0.5)