Themes

  • Revision slug: Themes
  • Revision title: Themes
  • Revision id: 382247
  • Created:
  • Creator: vetal
  • Is current revision? No
  • Comment

Revision Content

 

 

Getting Started
An introduction to developing themes for Firefox.
 
 

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 in Firefox 4
Theme changes between Firefox 3.0 and 3.5
Theme changes between Firefox 2.0 and 3.0
Theme changes between Firefox 1.5 and 2.0
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.
First steps in theme design
A somewhat aged article discussing theme design for Firefox.
Thunderbird Personas
New with Thunderbird 3

View All...

Community

  • View Mozilla forums...

{{ DiscussionList("dev-themes", "mozilla.dev.themes") }}

Tools

CSS

{{ languages( { "de": "de/Themes", "es": "es/Temas", "fr": "fr/Th\u00e8mes", "ja": "ja/Themes", "pl": "pl/Motywy", "zh-cn": "cn/\u4e3b\u9898", "zh-tw": "zh_tw/\u4f48\u666f\u4e3b\u984c" } ) }}

Revision Source

<div class="geckoVersionNote">
  <p>&nbsp;</p>
</div>
<div class="twocolumns">
  <p>&nbsp;</p>
</div>
<div class="callout-box">
  <strong><a href="/en/Creating_a_Skin_for_Firefox" title="en/Creating_a_Skin_for_Firefox">Getting Started</a></strong><br />
  An introduction to developing themes for Firefox.</div>
<div>
  &nbsp;</div>
<div class="geckoVersionNote">
  &nbsp;</div>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td>
        <h4 id="Documentation" name="Documentation"><a href="/Special:Tags?tag=Themes&amp;language=en" title="Special:Tags?tag=Themes&amp;language=en">Documentation</a></h4>
        <dl>
          <dt>
            <a class="internal" href="/en/Building_a_Theme" title="en/Building a Theme">Building a Theme</a></dt>
          <dd>
            <small>A tutorial for building a simple theme in Firefox 3.0 or newer.</small></dd>
          <dt>
            <a href="/en-US/docs/Themes/Common_Firefox_Theme_Issues_and_Solutions" title="/en-US/docs/Themes/Common_Firefox_Theme_Issues_and_Solutions">Common Theme Issues and Their Solutions</a></dt>
          <dd>
            <small>Common issues seen when AMO editors review themes and how to fix them.</small></dd>
          <dt>
            <a href="/en/Themes/Lightweight_themes" title="en/Themes/Lightweight themes">Lightweight themes</a></dt>
          <dd>
            <small>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.</small></dd>
          <dt>
            <a href="/en/Creating_a_Skin_for_Firefox" title="en/Creating_a_Skin_for_Firefox">Creating a Skin for Firefox</a></dt>
          <dd>
            <small>An introduction to creating new themes for older versions (pre-3.0)&nbsp;Firefox</small></dd>
          <dt>
            <a href="/en/Creating_a_Skin_for_SeaMonkey_2.x" title="en/Creating_a_Skin_for_SeaMonkey_2.x">Creating a Skin for SeaMonkey 2</a></dt>
          <dd>
            <small>An introduction to creating new themes for SeaMonkey 2.</small></dd>
          <dt>
            <a href="/en/Making_Sure_Your_Theme_Works_with_RTL_Locales" title="en/Making_Sure_Your_Theme_Works_with_RTL_Locales">Making Sure Your Theme Works with RTL Locales</a></dt>
          <dd>
            <small>How to make sure your theme will look right with Hebrew, Arabic, Persian and Urdu locales.</small></dd>
          <dt>
            <a href="/en/Theme_Packaging" title="en/Theme_Packaging">Theme Packaging</a></dt>
          <dd>
            <small>How to package themes for Firefox and Thunderbird.</small></dd>
          <dt>
            <a href="/en/Theme_changes_in_Firefox_4" title="en/Theme changes in Firefox 4">Theme changes in Firefox 4</a></dt>
          <dt>
            <a class="internal" href="/En/Theme_changes_in_Firefox_3.5" title="en/Theme changes in Firefox 3.5">Theme changes between Firefox 3.0 and 3.5</a></dt>
          <dt>
            <a href="/en/Theme_changes_in_Firefox_3" title="en/Theme_changes_in_Firefox_3">Theme changes between Firefox 2.0 and 3.0</a></dt>
          <dt>
            <a href="/en/Theme_changes_in_Firefox_2" title="en/Theme_changes_in_Firefox_2">Theme changes between Firefox 1.5 and 2.0</a></dt>
          <dd>
            <small>A comprehensive list of theme changes between the 1.5 and 2.0 releases of Firefox</small></dd>
          <dt>
            <a class="external" href="http://www.tudobom.de/articles/yatt/" title="http://www.tudobom.de/articles/yatt/">Yet Another Theme Tutorial</a></dt>
          <dd>
            <small>Another, newer, tutorial in Mozilla theme construction.</small></dd>
          <dt>
            <a class="external" href="http://forums.mozillazine.org/viewtopic.php?t=197434">Theme changes from Firefox 1.0 to 1.5 (forum post)</a></dt>
          <dd>
            <small>A forum post at <a class="external" href="http://www.mozillazine.org">MozillaZine</a> outlining the basic theme-related changes between Firefox 1.0 and 1.5.</small></dd>
          <dt>
            <a class="external" href="http://cheeaun.phoenity.com/weblog/2004/12/first-steps-in-theme-design.html">First steps in theme design</a></dt>
          <dd>
            <small>A somewhat aged article discussing theme design for Firefox.</small></dd>
          <dt>
            <a class="external" 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>
            <small>New with Thunderbird 3</small></dd>
        </dl>
        <p><span class="alllinks"><a href="/Special:Tags?tag=Themes&amp;language=en" title="Special:Tags?tag=Themes&amp;language=en">View All...</a></span></p>
      </td>
      <td>
        <h4 id="Community" name="Community">Community</h4>
        <ul>
          <li>
            <p>View Mozilla forums...</p>
          </li>
        </ul>
        <p>{{ DiscussionList("dev-themes", "mozilla.dev.themes") }}</p>
        <ul>
          <li>
            <p><a class="external" href="http://forums.mozillazine.org/viewforum.php?f=18">MozillaZine Themes forum</a></p>
          </li>
        </ul>
        <h4 id="Tools" name="Tools">Tools</h4>
        <ul>
          <li>
            <p><a href="/en/DOM_Inspector" title="en/DOM_Inspector">DOM Inspector</a></p>
          </li>
          <li>
            <p><a class="link-https" href="https://addons.mozilla.org/firefox/63/">InspectorWidget</a></p>
          </li>
          <li>
            <p><a class="external" href="http://www.extensionsmirror.nl/index.php?showtopic=21">ChromeEdit extension</a></p>
          </li>
          <li>
            <p><a class="link-https" href="https://addons.mozilla.org/firefox/7438">Force RTL</a>: Test for RTL compatibility</p>
          </li>
        </ul>
        <h4 id="Related_Topics" name="Related_Topics">Related Topics</h4>
        <dl>
          <dd>
            <a href="/en/CSS" title="en/CSS">CSS</a></dd>
        </dl>
      </td>
    </tr>
  </tbody>
</table>
<p>{{ languages( { "de": "de/Themes", "es": "es/Temas", "fr": "fr/Th\u00e8mes", "ja": "ja/Themes", "pl": "pl/Motywy", "zh-cn": "cn/\u4e3b\u9898", "zh-tw": "zh_tw/\u4f48\u666f\u4e3b\u984c" } ) }}</p>
Revert to this revision