2.2 KiB
| layout | title | permalink | published | tags | contributors | last_updated_by | date | ||
|---|---|---|---|---|---|---|---|---|---|
| sidebar | Themes | /documentation/themes/ | true |
|
|
caitmuenster | 2019-07-09 09:00:00 |
{% capture page_hero_banner_content %}
Enable creative expression with themes
You can use themes to customize how your browser looks by adding images and adjusting the color of various components.
{% endcapture %} {% include modules/overview-page-hero.html content=page_hero_banner_content cta1_label="" cta1_url="" cta2_label="" cta2_url="" background="develop-overview-hero-bg.jpg" %}
{% capture content %}
How to create themes
![Themes]({% asset "documentation/develop/Themes_fullwidth.jpg" @optim @path %})
There are four ways you can create themes:
-
Use the AMO theme generator: Use the theme wizard on addons.mozilla.org (AMO) to create themes that are hosted on AMO or that you distribute yourself.
-
Use Firefox Color: Create on-the-fly themes in Firefox. You can generate a URL to share the theme or export the theme as an add-on package.
-
Code a theme yourself: Take advantage of all the theme features available. For instance, add color to more UI components, or utilize the ability to use multiple images. You can then choose to host these themes on AMO or distribute them yourself.
-
Include themes in your extension: Use the theme API to take advantage of the full range of features in standalone themes. You can activate these themes based on user requests or dynamic information, like the time of day or the webpage the user is viewing.
{% endcapture %} {% include modules/one-column.html id="creating-themes" content=content aside="" %}
{%- include page-meta-data.html -%}
{%- include up-next.html -%}