{% set addon_type = amo.ADDON_PERSONA %} {% extends "impala/base_side_categories.html" %} {% from "includes/forms.html" import pretty_field, tip %} {% from "devhub/includes/macros.html" import some_html_tip %} {% set title = _('Create a New Theme') %} {% block title %}{{ page_title(title) }}{% endblock %} {% block primary %}
{{ impala_breadcrumbs([(url('browse.personas'), _('Themes')), (None, _('Create'))]) }}

{{ title }}

{% trans submit_url=url('devhub.docs', 'themes') %} Background themes let you easily personalize the look of your Firefox. Submit your own design below, or learn how to create one! {% endtrans %}

{{ csrf() }} {{ form.unsaved_data }}
{{ _('Theme Details') }}
    {{ pretty_field(form.name, label=_('Give your Theme a name.'), validate=True) }}
  • {% set before_slug = ('%s/addon/' % settings.SITE_URL)|safe %} {{ pretty_field(form.slug, label=_('Supply a pretty URL for your detail page.'), tag=None, before=before_slug, validate=True) }} {{ _('Please use only letters, numbers, underscores, and dashes in your URL.') }}
  • {{ pretty_field(form.category, label=_('Select the category that best describes your Theme.'), class='row radios addon-cats', validate=True) }}
  • {{ pretty_field(form.tags, label=_('Add some tags to describe your Theme.'), tag=None, opt=True, validate=True) }} {{ ngettext('Comma-separated, minimum of {0} character.', 'Comma-separated, minimum of {0} characters.', amo.MIN_TAG_LENGTH)|f(amo.MIN_TAG_LENGTH) }} {{ _('Example: dark, cinema, noir. Limit 20.') }}
  • {{ pretty_field(form.description, label=_('Describe your Theme.'), tooltip=_("A short explanation of your theme's " "basic functionality that is displayed in " "search and browse listings, as well as at " "the top of your theme's details page."), tag=None, opt=True, validate=True) }}
    {{ some_html_tip() }}
{{ _('Theme License') }}
{{ form.license }} {{ form.license.errors }}

{{ _("Can others share your Theme, as long as you're given credit?") }}

{{ _('Can others make commercial use of your Theme?') }}

{{ _('Can others create derivative works from your Theme?') }}

{{ _('Your Theme will be released under the following license:') }}

{{ _('Select a different license.') }}

{{ _('Select a license for your Theme.') }}

    {% for license in amo.PERSONA_LICENSES %}
  • {% endfor %}
{{ _('Theme Design') }} {% with required = True %} {% include "devhub/personas/includes/theme_design.html" %} {% endwith %}

{{ _('Select colors for your Theme.') }}

    {{ pretty_field(form.textcolor, label=_('Foreground Text'), tooltip=_('This is the color of the tab text.'), validate=True) }} {{ pretty_field(form.accentcolor, label=_('Background'), tooltip=_('This is the color of the tabs.'), validate=True) }}
{{ _('Preview') }}
{{ _("Your Theme's Name") }} {% set user = request.user %} {% trans user=user.username, profile_url=user.get_url_path() %} by {{ user }} {% endtrans %}
{% endblock %}