Как вернуть цвет папки ванильных закладок в Firefox 57?

Согласно этому посту Reddit :

Вы можете загрузить пользовательские изображения, добавив это в свой пользовательский хром:

.bookmark-item [container]

Самый простой способ использования пользовательских изображений - использовать строку кодирования base64 в качестве URL. Вот пример монохромного хромового значка: https://pastebin.com/mF3EpcFu

Вы можете использовать что-то вроде www.base64-image.de, чтобы конвертировать ваши собственные файлы в base64.

Другой способ, также основанный на 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; } 

Это решение приходит отсюда .

В более общем смысле userchrome.org представляется ценным источником информации (и рецептов) о ней userChrome.css.

1. Загрузите этот архив и извлеките все содержимое в папку chrome Firefox ( %APPDATA%\Mozilla\Firefox\Profiles\<your-profile>\chrome(создайте, если он не существует))

2. Если у вас нет userChrome.cssфайла, переименуйте userChrome-STARTER.cssв userChrome.css. Если вы не копируете строку из userChrome-STARTER.cssверхней части вашего userChrome.cssфайла.

3. Перезапустите Firefox, теперь у вас будут старые папки.

Источник

1. Я взял 200px версию https://commons.wikimedia.org/wiki/File:Icons8_flat_folder.svg :

2. Изменил размер до 50px и добавил градиент:

3. Преобразовал его в Base64 по адресу https://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. Наслаждались!