mozilla

Revision 505365 of Themes

  • Revision slug: Mozilla/Add-ons/Themes
  • Revision title: Themes
  • Revision id: 505365
  • Created:
  • Creator: wbamberg
  • Is current revision? No
  • Comment Themes Mozilla/Add-ons/Themes

Revision Content

Getting Started
An introduction to developing themes for Firefox.
Themes are skins for different Mozilla applications. They allow you to change the look and feel of the user interface and personalize it to your tastes. A theme can simply change the colors of the UI or it can change every piece of its appearance.

Documentation

Building a Theme
A tutorial for building a simple theme in Firefox 3.0 or newer.
Common Theme Issues and Their Solutions
Common issues seen when AMO editors review themes and how to fix them.
Lightweight themes
Building lightweight themes ("Personas") for Firefox 3.6 or later, or Firefox 3 with the Personas add-on installed.
Creating a Skin for Firefox
An introduction to creating new themes for older versions (pre-3.0) Firefox
Creating a Skin for SeaMonkey 2
An introduction to creating new themes for SeaMonkey 2.
Making Sure Your Theme Works with RTL Locales
How to make sure your theme will look right with Hebrew, Arabic, Persian and Urdu locales.
Theme Packaging
How to package themes for Firefox and Thunderbird.
Theme changes
A comprehensive list of theme changes between the 1.5 and 2.0 releases of Firefox
Yet Another Theme Tutorial
Another, newer, tutorial in Mozilla theme construction.
Theme changes from Firefox 1.0 to 1.5 (forum post)
A forum post at MozillaZine outlining the basic theme-related changes between Firefox 1.0 and 1.5.
Thunderbird Personas
New with Thunderbird 3

View All...

Community

Tools

 

Revision Source

<div class="callout-box">
 <strong><a href="/en-US/docs/Creating_a_Skin_for_Firefox" title="Creating_a_Skin_for_Firefox">Getting Started</a></strong><br />
 An introduction to developing themes for Firefox.</div>
<div>
 <strong>Themes</strong> are skins for different Mozilla applications. They allow you to change the look and feel of the user interface and personalize it to your tastes. A theme can simply change the colors of the UI or it can change every piece of its appearance.</div>
<table class="topicpage-table">
 <tbody>
  <tr>
   <td>
    <h2 class="Documentation" id="Documentation" name="Documentation">Documentation</h2>
    <dl>
     <dt>
      <a href="/en-US/docs/Building_a_Theme" title="Building a Theme">Building a Theme</a></dt>
     <dd>
      A tutorial for building a simple theme in Firefox 3.0 or newer.</dd>
     <dt>
      <a href="/en-US/docs/Themes/Common_Firefox_Theme_Issues_and_Solutions" title="Themes/Common_Firefox_Theme_Issues_and_Solutions">Common Theme Issues and Their Solutions</a></dt>
     <dd>
      Common issues seen when AMO editors review themes and how to fix them.</dd>
     <dt>
      <a href="/en-US/docs/Themes/Lightweight_themes" title="Themes/Lightweight themes">Lightweight themes</a></dt>
     <dd>
      Building lightweight themes ("Personas") for Firefox 3.6 or later, or Firefox 3 with the <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/10900" title="https://addons.mozilla.org/en-US/firefox/addon/10900">Personas</a> add-on installed.</dd>
     <dt>
      <a href="/en-US/docs/Creating_a_Skin_for_Firefox" title="Creating_a_Skin_for_Firefox">Creating a Skin for Firefox</a></dt>
     <dd>
      An introduction to creating new themes for older versions (pre-3.0)&nbsp;Firefox</dd>
     <dt>
      <a href="/en-US/docs/Creating_a_Skin_for_SeaMonkey_2.x" title="Creating_a_Skin_for_SeaMonkey_2.x">Creating a Skin for SeaMonkey 2</a></dt>
     <dd>
      An introduction to creating new themes for SeaMonkey 2.</dd>
     <dt>
      <a href="/en-US/docs/Making_Sure_Your_Theme_Works_with_RTL_Locales" title="Making_Sure_Your_Theme_Works_with_RTL_Locales">Making Sure Your Theme Works with RTL Locales</a></dt>
     <dd>
      How to make sure your theme will look right with Hebrew, Arabic, Persian and Urdu locales.</dd>
     <dt>
      <a href="/en-US/docs/Theme_Packaging" title="Theme_Packaging">Theme Packaging</a></dt>
     <dd>
      How to package themes for Firefox and Thunderbird.</dd>
     <dt>
      Theme changes</dt>
     <dd>
      A comprehensive list of theme changes between the 1.5 and 2.0 releases of Firefox
      <ul>
       <li><a href="/en-US/docs/Theme_changes_in_Firefox_4" title="Theme changes in Firefox 4">Theme changes in Firefox 4</a></li>
       <li><a href="/en-US/docs/Theme_changes_in_Firefox_3.5" title="Theme changes in Firefox 3.5">Theme changes between Firefox 3.0 and 3.5</a></li>
       <li><a href="/en-US/docs/Theme_changes_in_Firefox_3" title="Theme_changes_in_Firefox_3">Theme changes between Firefox 2.0 and 3.0</a></li>
       <li><a href="/en-US/docs/Theme_changes_in_Firefox_2" title="Theme_changes_in_Firefox_2">Theme changes between Firefox 1.5 and 2.0</a></li>
      </ul>
     </dd>
     <dt>
      <a href="http://www.tudobom.de/articles/yatt/" title="http://www.tudobom.de/articles/yatt/">Yet Another Theme Tutorial</a></dt>
     <dd>
      Another, newer, tutorial in Mozilla theme construction.</dd>
     <dt>
      <a href="http://forums.mozillazine.org/viewtopic.php?t=197434">Theme changes from Firefox 1.0 to 1.5 (forum post)</a></dt>
     <dd>
      A forum post at <a href="http://www.mozillazine.org">MozillaZine</a> outlining the basic theme-related changes between Firefox 1.0 and 1.5.</dd>
     <dt>
      <a href="http://www.melez.com/mykzilla/2009/03/personas-in-thunderbird.html" style="outline-color: -moz-use-text-color; outline-style: none; outline-width: medium;" title="http://www.melez.com/mykzilla/2009/03/personas-in-thunderbird.html">Thunderbird Personas</a></dt>
     <dd>
      New with Thunderbird 3</dd>
    </dl>
    <p><span class="alllinks"><a href="/en-US/docs/tag/Themes" title="tag/Themes">View All...</a></span></p>
   </td>
   <td>
    <h2 class="Community" id="Community" name="Community">Community</h2>
    <ul>
     <li><a href="http://forums.mozillazine.org/viewforum.php?f=18">MozillaZine Themes forum</a></li>
    </ul>
    <h2 class="Tools" id="Tools" name="Tools">Tools</h2>
    <ul>
     <li><a href="/en-US/docs/DOM_Inspector" title="DOM_Inspector">DOM Inspector</a></li>
     <li><a class="link-https" href="https://addons.mozilla.org/firefox/63/">InspectorWidget</a></li>
     <li><a class="link-https" href="https://addons.mozilla.org/firefox/7438">Force RTL</a>: Test for RTL compatibility</li>
    </ul>
    <h4 class="Related_Topics" id="Related_Topics" name="Related_Topics">Related Topics</h4>
    <ul>
     <li><a href="/en-US/docs/CSS" title="CSS">CSS</a></li>
    </ul>
   </td>
  </tr>
 </tbody>
</table>
<p>&nbsp;</p>
Revert to this revision