Theme
Logo & header
<%= if @theme_settings.show_logo do %>
<% end %>
<%= if @logo_image do %>
![{@site_name}]({"/image_cache/#{@logo_image.id}.webp"})
<% end %>
<%= for entry <- @uploads.logo_upload.entries do %>
{entry.progress}%
<%= for err <- upload_errors(@uploads.logo_upload, entry) do %>
{error_to_string(err)}
<% end %> <% end %> <%= for err <- upload_errors(@uploads.logo_upload) do %>{error_to_string(err)}
<% end %> <%= if @logo_image do %> <%= if @logo_image.is_svg do %>
<%= if @theme_settings.logo_recolor do %>
<% end %>
<% end %>
<% end %>
Your icon appears in browser tabs and on home screens.
<%= if !@theme_settings.use_logo_as_icon do %>
<%= if @icon_image do %>
<%= for entry <- @uploads.icon_upload.entries do %>
<%= if @icon_image.is_svg do %>
![Current icon]({"/images/#{@icon_image.id}/recolored/000000"})
<% else %>
![Current icon]({"/image_cache/#{@icon_image.id}.webp"})
<% end %>
<% end %>
<% else %>
<% end %>
{entry.progress}%
<%= for err <- upload_errors(@uploads.icon_upload, entry) do %>
{error_to_string(err)}
<% end %> <% end %> <%= for err <- upload_errors(@uploads.icon_upload) do %>{error_to_string(err)}
<% end %>
<%= if @header_image do %>
![]({"/image_cache/#{@header_image.id}.webp"})
<%= if @header_contrast_warning != :ok do %>
<% end %>
<.preset_grid
presets={@presets_with_descriptions}
active_preset={@active_preset}
event_prefix=""
label="Start with a preset"
/>
<.color_picker
field="accent_color"
label="Accent colour"
value={@theme_settings.accent_color}
event_prefix=""
/>
<.color_picker
field="secondary_accent_color"
label="Hover colour"
value={@theme_settings.secondary_accent_color}
event_prefix=""
/>
<.color_picker
field="sale_color"
label="Sale colour"
value={@theme_settings.sale_color}
event_prefix=""
/>
<.customise_accordion
theme_settings={@theme_settings}
customise_open={@customise_open}
event_prefix=""
/>
<% end %>
<.icon name="hero-exclamation-triangle" class="size-5" />
<% end %>
<%= if @header_contrast_warning == :poor do %>
Text may be hard to read
<% else %>
Text contrast could be better
<% end %>
The header text might blend into this background. Try switching to a <%= if @theme_settings.mood == "dark" do %> lighter mood <% else %> dark mood <% end %> or choosing a different image.
<%= if @theme_settings.header_zoom > 100 do %>
<% end %>
<% end %>
<%= for entry <- @uploads.header_upload.entries do %>
{entry.progress}%
<%= for err <- upload_errors(@uploads.header_upload, entry) do %>
{error_to_string(err)}
<% end %> <% end %> <%= for err <- upload_errors(@uploads.header_upload) do %>{error_to_string(err)}
<% end %>