如何恢复 Firefox 57 中的原始书签文件夹颜色？

Question

我不喜欢 Firefox 57 默认主题中的书签文件夹颜色：

在先前版本中，文件夹采用的是原色：

有没有办法在 Firefox 57 中恢复该颜色？

Answer 1

根据这篇 Reddit 帖子：

您可以通过将其添加到您的 userchrome 来加载自定义图像：

.bookmark-item[container] { list-style-image: url( /* url 放在这里 */ ); }

使用自定义图像的最简单方法是使用 base64 编码字符串作为 url。以下是一个单色铬图标作为示例： https://pastebin.com/mF3EpcFu

您可以使用类似 www.base64-image.de 的工具将您自己的文件转换为 base64。

Answer 2

另一种方法，也基于userChrome.css：

/* Colored folders for bookmark sidebar, toolbar, menu button */
  /* Standard folder */
#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon {
  fill: #e8bb00 !important; /* slightly muted gold */
}
  /* Live Bookmark (RSS Feed) */
#bookmarks-view treechildren::-moz-tree-image(container, livemark),
#PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon {
  fill: orange !important;
}
  /* Smart bookmark folder */
#bookmarks-view treechildren::-moz-tree-image(container, query),
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon {
  fill: #69c !important; /* similar to blue smart folder color */
}
  /* These "containers" are SVG in the sidebar, not yet on the menu */
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
  fill: olive !important;
}

该解决方案来自这里。

更普遍，用户chrome.org似乎是关于的宝贵信息（和食谱）来源userChrome.css。

Answer 3

1. 下载此档案并将所有内容提取到 Firefox 的 chrome 文件夹中（%APPDATA%\Mozilla\Firefox\Profiles\<your-profile>\chrome（如果不存在则创建））

2. 如果您没有userChrome.css文件，请将其重命名userChrome-STARTER.css为userChrome.css。如果有，请将该行复制userChrome-STARTER.css到文件顶部userChrome.css。

3. 重新启动 Firefox，您将恢复旧文件夹。

来源

Answer 4

1. 我拍摄了 200px 版本的https://commons.wikimedia.org/wiki/File:Icons8_flat_folder.svg：

   

2. 将尺寸改为 50px 并添加渐变：

   

3. 将其转换为 Base64https://www.base64-image.de/。

4. 将其添加到<FF profile folder>/chrome/userChrome.css：

   /* From: https://superuser.com/questions/1268367/how-to-get-back-the-vanilla-bookmarks-folder-color-in-firefox-57/1348373#1348373 */
   
   .bookmark-item[container]
       {
       list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAABJ0AAASdAHeZh94AAAAB3RJTUUH4QgTBiMo7IFyHgAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4yMfEgaZUAAAMWSURBVGhD7ZNLTxRBFIU7xhW6MDiRnSTKOPMXdOcef4hbf4EL3bBjbQKEuIGNgcTEnQsJ85D3zPCSx2SYACIgvnWw63pqUmUqlaruLhhCLfokX27VrTqde6YgSJUqVapUqS5CraHgARsJBtlwMEYjwXgcuDvKRoNbwu6HwuHgOQZjGJBcYENB1Zswp0PBI9OQScEL+hEGLzFpGtCF9su8CHrEJy9H+EUr7YFeXiWauEH0OnMm2JueGpVyTzsFm7r7hN7duS3GjBf/06DpK0Q73URNDOURrNndYrvXH4tRo8XGu6p00kUU4lXOC7NUuVb7cWcCtpNhp1O9D8W4doVve2t0jCAtGE+BrDq2vs5fyzoO/S7fc3bwMoXsKzGuXazQV6cjBPkDk8pvbd9J+I8ikXv1TL3TQJDpvk0xrl1sOtugQwT5CZPkl4K+PwtR3+A/mKlK6jxItiHGtasd5ABBvsP0A/Aq1xL1TO279GyY7vLgcr3tEmQfQb7CpPJNq6a1aa/21bXtXhxbSYMUsnXaQ5ATmL4I+FpF76n35Frfy7VeXdls/7PXxbh2sXKuSrsIcgxTp/gcUU3oZ+p+A0EwoxjXrnaQJoIcwpSEo5i9rSeRZ7bv8KrywSVIA0EOYDoPnyw9U19i86h13SVIHUH2YToPHw29JHCf6tW/s+YSZBtBdmG6TPa0tdyvugTZRJAmTD6y4hJkA0EaMPnIskuQdQSpw+QjNZcgawiyBZOPVF2CrCDIBkw+UnEJsowg6zD5yJJLkCqCrMLkI4suQSoIsgyTiVrC3kWx4BJkEUGqMHEqovrCvEuQBQRZgikJi4ZeFK73deZcgswhyDxMnAVR1b1E38f1O8Fs0iClXIVmEGSWm8CcqOpeEnVH1k4zk6GwmKuIce0Ki/lJKiPIe5hUZgSmftRa+uIw3TX28CKl/IQY1y5c6qcSgpRgiqKsVduZfq735D6O/3fbQfrFuNEKC9cGWDHDqJTBB/yBzxQWbz4TYyYTUt8Pi/cGWTk/RuX8+GXCZ+CztDCTGC9VqlSpUqXqoILgH3yamKaF0cswAAAAAElFTkSuQmCC') !important;
       }
   

5. 重新启动 FF。

6. 很享受！