草案
このページは完成していません。
補足: テーマの更新の仕方については 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.gif は chrome://global/skin/icons/loading_16.png で置き換えられました。
<tt>mozapps</tt> の変更点
参照