ブックマークをポップアップで表示するChrome拡張機能

Chromeロゴ

Google Chromeのブックマークの拡張機能は、Minimal Bookmarks Tree一択だったのですが、ブックマークアイコン(ファビコン)の読み込みが遅いときがあって、もっと軽くてシンプルな拡張がないかと探してみたらありました!

Bookmarkie CRX 2.3.3
Maybe the most elegant, beautiful, neat and simple popup bookmark you can ask for Chrome. View, organize or edit your bookmark within a popup menu.

「ブックマークをクリックして新しいタブで開く」「フォルダを中クリック(ホイールクリック)してすべてのブックマークを開く」という必要最低限の機能があり、何よりブックマークの表示が速く、軽い!

ただ、不満もあって、特にフォルダやブックマークをマウスオーバーしたときに背景色が変わらないので、どこを選択しているのかわかりにくい...。
そこで、自分が使いやすいように勝手にこの拡張を改変することにしました。

ビフォーbookmarkie1
アフターbookmarkie2

改変方法

1.GitHubからBookmarkieの圧縮ファイル「bookmarkiev2.3.3.crx」をダウンロード

2.「bookmarkiev2.3.3.crx」の拡張子「.crx」を「.zip」にして展開(解凍)

3.「bookmarkiev2.3.3フォルダ」の「popup.css」を開いて一番下にCSSを追記 

CSS
/* ポップアップの縦幅を広く */
html{height:600px}
/* フォントを小さく */
body{font-size:12px}
/* 検索バーを消す */
.container{top:0}
.search{display:none}
/* 行間を狭く */
.tree li a,.tree li span{line-height:1.2rem}
/* マウスオーバーで色を変える */
.tree li a:focus,.tree li span:focus{background:none}
.tree li a:hover,.tree li span:hover{background-color:#d3dff5}
/* フォルダの矢印を消す */
.tree li .arrow{display:none}
/* フォルダのフォントを細く */
.tree li.open>span{font-weight:400}
/* フォルダを大きく */
.icon--folder{width:20px;height:20px}
/* ブックマークアイコンの位置を微調整 */
.list--url{margin-left:-4px}

4.Chromeのメニュー→その他のツール→拡張機能を選択、右上のデベロッパーモードをオン

5.「パッケージ化されていない拡張機能を読み込む」をクリック、「bookmarkiev2.3.3フォルダ」を選択
(または、拡張機能ページ上に「bookmarkiev2.3.3フォルダ」をドラッグ)

6.Bookmarkieの「エラー」をクリック、「すべて削除」をクリック

7.Bookmarkieの「詳細」をクリック、「エラーを収集する」をオフ

※「bookmarkiev2.3.3フォルダ」を削除すると拡張機能も削除されるので注意!

最後に、新しいタブを自動で閉じるChrome拡張機能Close Extra New Tabsを併用すると、空白タブを上書き(再利用)してブックマークを開くことができて便利です。