<% if account.class.name == "User" %> <% account.setting.brand_color1 = user_colors(account)[:bg] if account.setting && account.setting.brand_color1.blank? %> <% account.setting.brand_color2 = user_colors(account)[:text] if account.setting && account.setting.brand_color2.blank? %> <% else %> <% account.bg_color_hex = user_colors(account)[:bg] if account.bg_color_hex.blank? %> <% account.text_color_hex = user_colors(account)[:text] if account.text_color_hex.blank? %> <% end %>
<%= f.label :bg_color_hex, "Brand color 1", class: "crayons-field__label" %>

Used for backgrounds, borders etc.

<%= f.text_field :bg_color_hex, placeholder: "#000000", class: "crayons-textfield mr-2", id: "bg-color-textfield" %>
<% if account.class.name == "User" %> <% account.setting.brand_color1 = user_colors(account)[:text] if account.setting && account.setting.brand_color2.blank? %> <% else %> <% account.bg_color_hex = user_colors(account)[:text] if account.text_color_hex.blank? %> <% end %> <%= f.label :text_color_hex, "Brand color 2", class: "crayons-field__label" %>

Used for texts (usually put on Brand color 1).

<%= f.text_field :text_color_hex, placeholder: "#ffffff", class: "crayons-textfield mr-2", id: "text-color-textfield" %>

Preview:

<%= inline_svg_tag("preview-logo.svg", id: "color-select-preview-logo", class: "p-4 radius-default", title: "App logo") %>