Firefoxアドオンの開発手法スキン (Skin)
スキンとは、ユーザーインターフェイスを装飾するための、CSSや画像データを格納するためのプロバイダ (パッケージ) です。
スキンのパスの指定
スキンのパスはChrome Manifestで指定します。
skin命令
skin命令での書式は、
skin パッケージの名前 スキンの名前 パッケージファイルの場所
のようにします。
skin sample classic/1.0 chrome/skin/classic/
このときclassic/1.0はスキンの名前を表し、これはFirefoxの標準テーマの名前です。なお1.0はバージョン番号を意味しますが、Mozillaはこれを名前を表す文字列の一部と解釈します。Themes and Locales - Manifest Files - XUL | MDN
style命令
スタイルシート (CSS) の指定はstyle命令で、
style chrome://スタイルの適用対象のURI chrome://スタイルシートのURI
のようにします。styleのオーバーレイでは、Chrome URIでの指定しか認められません。
style chrome://browser/content/browser.xul chrome://myPackage/skin/overlay.css style chrome://global/content/customizeToolbar.xul chrome://myPackage/skin/overlay.css
予期せずアイコンが次のような表示となるとしたら、それはスタイルシートのURIを誤っているからかもしれません。
Windowsの場合
参考
- Creating a Skin - XUL | MDN (英語)
- スキンの作成 - XUL | MDN (日本語)
Firefoxアドオンの情報サイトから、まとめて検索