Bon Echo のアイコンを濃くしてみた その2
Bon Echo のアイコンを濃くしてみた の続きです。
本体付属のアイコンの画像ファイルを改造したものと差し替えると、日々ナイトリーを入れ替える身としてはつらいので、ユーザースタイルシートを使って別の場所にあるものと差し替えるようにしておけば、バイナリを入れ替えたときでも安心なのでそのようなスタイルを書いてみました。
@namespace url([]http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul[]);
.toolbarbutton-1[id="back-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="forward-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="reload-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="stop-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="home-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="downloads-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="history-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="bookmarks-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="print-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="new-tab-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="new-window-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="cut-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="copy-button"] .toolbarbutton-icon,
.toolbarbutton-1[id="paste-button"] .toolbarbutton-icon
{
list-style-image:url(data:image/png;base64,iVBORw0KGgoAAA（中略） !important;
}改造した画像を配布するとまずい気がするので、中略となっていますが、ここには改造した画像を The data: URI kitchen を使って画像をテキストにエンコードしたものを data スキームで埋めています。
