Visit Mozilla.org

Theme changes in Firefox 3

出典: MDC

この記事は Firefox 3 の新機能について述べています

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

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

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

目次

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

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

ファイル名 CSS ファイル 詳細

[編集] デフォルトテーマの変更点

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

[編集] 全てのファイル一覧

[編集] 全てのプラットフォーム

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

[編集] Mac OS X

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

[編集] browser の変更点

[編集] global の変更点

[編集] Mac OS X

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

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

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

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

[編集] 画像の変更点

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

[編集] mozapps の変更点

[編集] 参照

Theme changes in Firefox 2