Firefoxのブックマークサイドバーのブックマークの間隔を減らす、狭くする方法

を解説します。Firefox Quantum(57)以降はStylishでbookmarksPanel.xulのスタイルは変更できなくなっています。userChromeを使いスタイルを変更していきます。

1.userChrome.cssを編集（作成）して調整します。

C:\Users\***\AppData\Roaming\Mozilla\Firefox\Profiles\***\

    chrome\userChrome.css

***は環境によって異なる

chromeフォルダとuserChrome.cssがない場合は作成します。

userChrome.cssはテキストファイルをuserChrome.cssと名前を変えて保存します。

2.userChrome.cssにスタイルを書きます。

@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
  treechildren::-moz-tree-cell-text {
    /*フォントサイズ変更用*/
    /*font-size: 18px !important;*/
  }
  treechildren::-moz-tree-row{
    height: 0 !important;
    border-width: 1px !important
  }
}

このコードをコピペで保存します。Firefoxを再起動すればスタイルが反映されます。

フォントサイズを変更したい場合は/**/コメントアウトを外して保存します。

その他にも微調整をしたい場合はブラウザに以下のURLを入力することで各パーツのセレクタを見つけることができると思います。

ブックマークサイドバー

chrome://browser/content/bookmarks/bookmarksPanel.xul

ツールバー

chrome://browser/content/browser.xul

スタイルの書き方などが知りたい方はゼロからはじめるプログラミングからどうぞ。