Home • WEB Мастеру • Статьи • Как изменить цвет папок в закладках Firefox

Как изменить цвет папок в закладках Firefox Проверенный, рабочий вариант!

📝 Пост № 89 от 11 декабря 2022 | В категории WEB Мастеру, Статьи | Комментариев нет

folder-red

Вы наверняка обратили внимание, как изменилась папка в новых версиях браузера? Не заметить невозможно — папки с серым контуром! Не всем такая ситуация по душе, судя по запросам в поисковиках, И сегодня пост будет посвящен замене цвета папок в закладках браузера на любой, свой вариант.

И делать будем папки с измененным цветовым контуром и в виде заполненной цветом картинки дефолтной папки. Сделать это, как оказалось, не так уж и сложно, зная азы написания кода и местонахождения папок в Windows.

И первое, что мы сделаем — изменим серый контур папок в закладках, к примеру, на красный. Для этого находим в системе папку «Profiles». Путь к папке следующий:

C:\Users\ВАШЕ ИМЯ ПАПКИ\AppData\Roaming\Mozilla\Firefox\Profiles\

1	C:\Users\ВАШЕ ИМЯ ПАПКИ\AppData\Roaming\Mozilla\Firefox\Profiles\

В этой папке у вас может быть еще папка (возможно и не одна!) под названием… из кучи букв и циферек. Примерно таких — 137a0.default-release-163688. Открываем эту папку и создаем в ней еще одну, под названием chrome. Возможно у вас уже будет такая папка, тогда заходим в неё и создаем файл userchrome.txt текстовым редактором (лучше использовать Notepad++). После этого создаем файлик папки png с выбранным цветом (можно скачать с Интернета), изменив размер на 16х16px. Закидываем в папку chrome.

Далее, в созданный файл userchrome.txt вписываем следующий код:

treechildren::-moz-tree-image(container),
.bookmark-item[container="true"] {
    fill: #FF1F00  !important;
    fill-opacity: 1 !important;
}

treechildren::-moz-tree-image(container),

.bookmark-item[container="true"] {

fill: #FF1F00 !important;

fill-opacity: 1 !important;

}

Для примера — у меня цвет контура папки красный. Вы же можете выбрать любой понравившийся вариант. Вот и все «танцы с бубном»! Без применения расширений и прочих прибамбасов. Кстати, на момент написания статьи версия Firefox — 107.0.1

Следующее изменение — цветная папка на панели закладок. В тот же файл userchrome.txt прописываем следующий код, не забыв скопировать и сохранить на рабочем столе предыдущий, чтобы, при необходимости восстановить:

#personal-bookmarks .bookmark-item[container] {
	-moz-image-region:auto !important;
	list-style-image: url('folder.png') !important;
}

#personal-bookmarks .bookmark-item[container] {

-moz-image-region:auto !important;

list-style-image: url('folder.png') !important;

}

Сохраняем, перезагружаем браузер и смотрим результат:

folder-1

И, напоследок. Попробуйте мою тему для Firefox. Надеюсь вам понравится данный урок с красными папками и этой темой. Смотрится не навязчиво и стильно!