http://q.hatena.ne.jp/1510418553

お世話になっております。
この質問の続きの質問になります。
作者の方に要望のメールは送ったのですが返事がありません。アドオンではブックマークツールバーの見た目を変更できなくなったという情報もいただきました。
手作業でも構わないので、フォルダを変更することはできないでしょうか。

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2017/11/27 02:24:16

ベストアンサー

id:a-kuma3 No.1

回答回数4973ベストアンサー獲得回数2154

ブックマークツールバーのフォルダの favicon は、userChrome.css という仕組みで変更できます。
https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin

多分、プロファイルディレクトリには、chrome というディレクトリはないでしょうから、

  1. 新規に chrome という名前のディレクトリを作成する
  2. chrome ディレクトリに、userChrome.css という名前のテキストファイルを作成する

という手順を踏みます。

変更したい favicon の画像を Data URI Scheme します。
変更したいブックマークのフォルダにユニークな名前をつけておきます。
userChrome.css に以下の内容を書き込んで、文字コードを UTF-8 で保存してください。

ブックマークツールバーの favicon を変更する場合には、以下のように書きます。

toolbarbutton.bookmark-item[label="フォルダ名"] > .toolbarbutton-icon {
    list-style-image: url(data:image/png;base64,iVBORw...) !important;
}

一行目の label="..." は、そのフォルダにつけた名前です。
二行目の url(...) は、画像の Data URI Scheme です。

ブックマークツールバーのサブフォルダの favicon を変更する場合には、以下のように書きます。

menu.bookmark-item[label="フォルダ名"] .menu-iconic-icon {
    list-style-image: url(data:image/png;base64,iVBORw...) !important;
}

全てのフォルダの画像を、同じ favicon に変更する場合には、以下のように書きます。

.bookmark-item[container] {
    list-style-image: url(data:image/png;base64,iVBORw...) !important;
}
id:berserkx

回答ありがとうございます。
できました。

2017/11/27 02:23:56

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません