Theme changes in Firefox 3

草案
このページは完成していません。

この記事は Firefox のテーマを Firefox 3 で動作するように更新する必要のある変更箇所を網羅しています。【訳注: まだ網羅されていません。テーマに詳しい方の変更箇所の追記・修正を歓迎します。】

補足: テーマの更新の仕方については Updating themes for Firefox 3 の記事に書かれています。もし、テーマについて書きたい方があれば、ぜひその経験を記事にしてください!

テーマの更新に必要なブラウザの変更点

テーマの更新に必要な数多くのブラウザ内のファイルが変更、削除されています。以下の一覧表には、更新に必要な XUL ファイルとテーマに関係する CSS ファイルの両方を記載しています。

ファイル名 CSS ファイル 詳細
<tt> </tt> <tt> </tt>

デフォルトテーマの変更点

以下の一覧表は、Firefox 2 のデフォルトテーマになされたすべての変更箇所です。この情報をあなたのテーマに必要な変更を見つけるための開始点にしてください。

全てのファイル一覧

全てのプラットフォーム

ファイル 変更点
<tt>browser/themes/*/browser/browser.css</tt> ドラッグアンドドロップインジケータの幅がドラッグ中に計算されることは無くなりました(tabbrowser.xml)。代わりに .tab-drop-indicator-bar に '-moz-margin-start' プロパティを追加してください(指定する値はインジケータ画像の幅の半分)。また、インジケータの visibility は tabbrowser.xml 内の collapsed 属性の設定によってコントロールされるようになりました。 そのため、.tab-drop-indicator-bar の 'display' プロパティは(dragging="true" も含めて)削除されるべきです。

Mac OS X

ファイル 変更点
<tt>browser/themes/pinstripe/browser/tabbrowser/tabDragIndicator.png</tt> 余分な空のピクセルが端から削除され、画像サイズが小さくなりました。この画像を用いている他の Mac のテーマに影響を与える可能性があります。
<tt>browser/themes/pinstripe/browser/browser.css</tt> .tabbrowser-tab[first-tab="true"] > .tab-image-left での margin-left の指定が無くなりました。代わりに、.tabs-left で以前の margin-left と同じ幅で指定されるようになっています。Winstripe 【訳注: Windows のデフォルトテーマ】 では、すでにこの方法がとられています。

<tt>browser</tt> の変更点

<tt>global</tt> の変更点

Mac OS X

Firefox 3 に対応した Mac OS X テーマでは、<tt>chrome://global/skin/wizard.css</tt> の末尾に次の 2 つの規則を追加する必要があります。

.wizard-buttons-btm {
  padding: Xpx;
}

.wizard-label-box {
  display: none;
}

<tt>.wizard-buttons-btm</tt> の padding のピクセル数 である X の数値は、<tt>.wizard-buttons-box-2</tt> の margin の値と同じにすべきです。

画像の変更点

chrome://global/skin/icons/loading_16.gifchrome://global/skin/icons/loading_16.png で置き換えられました。

<tt>mozapps</tt> の変更点

参照

Theme changes in Firefox 2


ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: Mgjbot, Potappo
 最終更新者: Mgjbot,