[% INCLUDE 'admin/header.html' title=loc('Theme') -%]

[% loc("The name is a string that represents the name of the web application as it is usually displayed to the user (e.g., amongst a list of other applications, or as a label for an icon).") %]

[% form.field('name').render | safe %]

[% loc("The short name is a string that represents the name of the web application displayed to the user if there is not enough space to display name (e.g., as a label for an icon on the phone home screen).") %]

[% form.field('short_name').render | safe %]

[% loc("The theme colour defines the default theme colour for the application. This sometimes affects how the OS displays the site (e.g., on Android's task switcher, the theme colour surrounds the site). Colours should be specified with CSS syntax, e.g. #ff00ff or rgb(255, 0, 255) or a named colour like fuchsia.") %]

[% form.field('theme_colour').render | safe %]

[% loc("The background colour defines a placeholder background colour for the application splash screen before it has loaded. Colours should be specified with CSS syntax, e.g. #ff00ff or rgb(255, 0, 255) or a named colour like fuchsia.") %]

[% form.field('background_colour').render | safe %] [% IF show_all %] [% form.field('cobrand').render | safe %] [% ELSE %] [% END %] [% FOREACH icon IN editing_manifest_theme.icons %] [% END %]
Icon Size Delete?
[% icon.sizes %]

[% loc("The icons are used when the application is installed to the user's home screen. Icons must be square, with 512x512px and 192x192px being the most common sizes.") %]

[% form.field('icon').render | safe %]

[% IF form.item.id %]

[% END %]
[% IF show_all %]

Return to themes list

[% END %] [% INCLUDE 'admin/footer.html' %]