# Get started making themes!

**URL:** <https://discourse.mozilla.org/t/get-started-making-themes/79131>\
**Category:** Themes\
**Created:** [April 22, 2021, 10:32pm UTC](https://discourse.mozilla.org/t/get-started-making-themes/79131 "2021-04-22T22:32:56Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![caitlin](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/caitlin/32/6091_2.png) [@caitlin](https://discourse.mozilla.org/u/caitlin)\
**Post date:** [April 22, 2021, 10:32pm UTC](https://discourse.mozilla.org/t/get-started-making-themes/79131/1 "2021-04-22T22:32:57Z")

</div>

[Themes](https://addons.mozilla.org/firefox/themes?utm_source=discourse.mozilla.org&utm_medium=referral) let you customize the appearance of your Firefox. You can add background images to the header of your browser or change the colors of various components like the URL bar or the tab text. It’s easy to create themes using the theme wizard on [addons.mozilla.org](http://addons.mozilla.org) or [Firefox Color](https://color.firefox.com/).

To get started, check out the [Themes](https://extensionworkshop.com/documentation/themes/?utm_source=discourse.mozilla.org&utm_medium=referral) section of [Firefox Extension Workshop](https://extensionworkshop.com/?utm_source=discourse.mozilla.org&utm_medium=referral). The site offers a tutorial for using the [theme wizard](https://extensionworkshop.com/documentation/themes/using-the-amo-theme-generator/?utm_source=discourse.mozilla.org&utm_medium=referral) and instructions for [coding your own theme](https://extensionworkshop.com/documentation/themes/static-themes/?utm_source=discourse.mozilla.org&utm_medium=referral). We’ve also added information about how to update themes using the [theme wizard](https://extensionworkshop.com/documentation/themes/using-the-amo-theme-generator/#updating-your-theme) or by [submitting a new file package](https://extensionworkshop.com/documentation/themes/static-themes/#updating-static-themes).

---

<div class="post-metadata">

**Author:** ![caitlin](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/caitlin/32/6091_2.png) [@caitlin](https://discourse.mozilla.org/u/caitlin)\
**Post date:** [April 22, 2021, 10:33pm UTC](https://discourse.mozilla.org/t/get-started-making-themes/79131/2 "2021-04-22T22:33:44Z")

</div>

Pinned on April 22, 2021, 10:33pm UTC



---

<div class="post-metadata">

**Author:** ![chris.rachal](https://avatars.discourse-cdn.com/v4/letter/c/a698b9/32.png) [@chris.rachal](https://discourse.mozilla.org/u/chris.rachal)\
**Post date:** [November 3, 2021, 7:52pm UTC](https://discourse.mozilla.org/t/get-started-making-themes/79131/3 "2021-11-03T19:52:19Z")

</div>

I tried making my own theme. I uploaded the image for the header and then on the preview part nothing showed up. How do I fix it lol.

 ![image](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/3X/9/9/99ccfc04bc70d9ea25ea0368ead71418dcb706ef.png)

---

<div class="post-metadata">

**Author:** ![jaynash0123](https://avatars.discourse-cdn.com/v4/letter/j/c68b51/32.png) [@jaynash0123](https://discourse.mozilla.org/u/jaynash0123)\
**Post date:** [January 21, 2022, 12:05pm UTC](https://discourse.mozilla.org/t/get-started-making-themes/79131/4 "2022-01-21T12:05:52Z")

</div>

Wow, this is very helpful. Thank you so much for the information.

---

<div class="post-metadata">

**Author:** ![rennado565](https://avatars.discourse-cdn.com/v4/letter/r/71e660/32.png) [@rennado565](https://discourse.mozilla.org/u/rennado565)\
**Post date:** [July 11, 2023, 2:07pm UTC](https://discourse.mozilla.org/t/get-started-making-themes/79131/7 "2023-07-11T14:07:20Z")

</div>

firefox is without a doubt the best browser.

---

<div class="post-metadata">

**Author:** ![MaDonnasPersonas](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/madonnaspersonas/32/21010_2.png) [@MaDonnasPersonas](https://discourse.mozilla.org/u/MaDonnasPersonas)\
**Post date:** [July 11, 2023, 3:56pm UTC](https://discourse.mozilla.org/t/get-started-making-themes/79131/8 "2023-07-11T15:56:07Z")

</div>

Of course it is! We all love it and use it, keeping it updated, etc. Go Firefox!

---

<div class="post-metadata">

**Author:** ![Michael3](https://avatars.discourse-cdn.com/v4/letter/m/ecccb3/32.png) [@Michael3](https://discourse.mozilla.org/u/Michael3)\
**Post date:** [August 1, 2023, 12:03pm UTC](https://discourse.mozilla.org/t/get-started-making-themes/79131/9 "2023-08-01T12:03:07Z")

</div>

Thank You So much this very helpful information,

---

<div class="post-metadata">

**Author:** ![orynider](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/orynider/32/64646_2.png) [@orynider](https://discourse.mozilla.org/u/orynider)\
**Post date:** [February 9, 2024, 1:01am UTC](https://discourse.mozilla.org/t/get-started-making-themes/79131/10 "2024-02-09T01:01:33Z")

</div>

I created 4-5 themes with Firefox Color and submitted them and I get were says “Incomplete” that the reason is “Spam” so I edited my username to be related to my name and not to the site of the institute were I work.

---

<div class="post-metadata">

**Author:** ![gowtech](https://avatars.discourse-cdn.com/v4/letter/g/a9adbd/32.png) [@gowtech](https://discourse.mozilla.org/u/gowtech)\
**Post date:** [August 12, 2024, 7:48am UTC](https://discourse.mozilla.org/t/get-started-making-themes/79131/11 "2024-08-12T07:48:58Z")

</div>

Amazing, this content is helpfull
