Updating themes for Firefox 3.6

  • Revision slug: Updating_themes_for_Firefox_3.6
  • Revision title: Updating themes for Firefox 3.6
  • Revision id: 127614
  • Created:
  • Creator: Dao
  • Is current revision? No
  • Comment 47 words added

Revision Content

This article provides information about changes made to the default theme in Firefox 3.6, and may help theme authors update their themes for Firefox 3.6 compatibility if needed.

Right-to-left UI support

The [chromedir="rtl"] selector has been obsoleted and won't work anymore on most elements. Instead, you need to use the new {{ cssxref(":-moz-locale-dir") }} selector.

Support for lightweight themes

Firefox 3.6 includes built-in support for Personas-style lightweight themes. Three new pseudo-classes have been added to help support this:

  • {{ cssxref(":-moz-lwtheme") }}
  • {{ cssxref(":-moz-lwtheme-darktext") }}
  • {{ cssxref(":-moz-lwtheme-lighttext") }}

Obsolete bindings removed

The obsolete tabs-closebutton binding has been removed. This hasn't been used in Firefox for a while.

Mac OS X default theme

The default Mac OS X theme no longer has a Mac-specific tabs-closebutton-box; instead, all platforms use the same names to identify the components of the tab strip.

See also

Revision Source

<p>This article provides information about changes made to the default theme in Firefox 3.6, and may help theme authors update their themes for Firefox 3.6 compatibility if needed.</p>
<h2>Right-to-left UI support</h2>
<p>The <code>[chromedir="rtl"]</code> selector has been obsoleted and won't work anymore on most elements. Instead, you need to use the new {{ cssxref(":-moz-locale-dir") }} selector.</p>
<h2>Support for lightweight themes</h2>
<p>Firefox 3.6 includes built-in support for <a class=" external" href="http://www.getpersonas.com/" title="http://www.getpersonas.com/">Personas</a>-style <a href="/en/Themes/Lightweight_themes" title="en/Themes/Lightweight themes">lightweight themes</a>. Three new pseudo-classes have been added to help support this:</p>
<ul> <li>{{ cssxref(":-moz-lwtheme") }}</li> <li>{{ cssxref(":-moz-lwtheme-darktext") }}</li> <li>{{ cssxref(":-moz-lwtheme-lighttext") }}</li>
</ul>
<h2>Obsolete bindings removed</h2>
<p>The obsolete <code>tabs-closebutton</code> binding has been removed. This hasn't been used in Firefox for a while.</p>
<h2>Mac OS X default theme</h2>
<p>The default Mac OS X theme no longer has a Mac-specific <code>tabs-closebutton-box</code>; instead, all platforms use the same names to identify the components of the tab strip.</p>
<h2>See also</h2>
<ul> <li><a class=" external" href="http://forums.mozillazine.org/viewtopic.php?f=18&amp;t=975065" title="http://forums.mozillazine.org/viewtopic.php?f=18&amp;t=975065">MozillaZine forum: Mozilla 1.9.2 / Firefox 3.6 theme changes</a></li> <li><a class="internal" href="/en/Themes" title="en/Themes">Themes</a></li> <li><a class="internal" href="/en/Building_a_Theme" title="en/Building a Theme">Building a theme</a></li>
</ul>
Revert to this revision