Add color to Firefox SVG icons. Fx143+

/*********** Add color to Firefox SVG icons. Fx143+ ***********/

/****** Icon Transparency ******/
@media (prefers-color-scheme: light) {
treechildren::-moz-tree-image {
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
 }
}
@media (prefers-color-scheme: dark) {
treechildren::-moz-tree-image {
  -moz-context-properties: fill, fill-opacity !important;
  fill-opacity: 1 !important;
 }
}

/****** Import bookmarks... ******/
#import-button {
  list-style-image: url("chrome://browser/skin/import.svg") !important;
  /*list-style-image: url("./image/import.svg") !important;*/
  fill: #00969f !important;
}

/****** defaultFavicon ******/
treechildren::-moz-tree-image(title) {
  list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg") !important;
  fill: #86b5eb !important;
}
.bookmark-item {
  list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg") !important;
  fill: #86b5eb !important;
}

/****** Folder (Bookmarks Sidebar and Browsing Library) ******/
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
  /*list-style-image: url("chrome://global/skin/icons/folder.svg") !important;*/
  list-style-image: url("./image/folder_57.svg") !important;
  -moz-context-properties: fill;
  fill: #e8bb00 !important;
}

/****** bookmarksToolbar ******/
treechildren::-moz-tree-image(container, queryFolder_toolbar_____) {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
  fill: #38b48b !important;
}

/****** bookmarksMenu ******/
treechildren::-moz-tree-image(container, queryFolder_menu________) {
  list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
  fill: violet !important;
}

/* query-nodes should be styled even if they're not expandable */
/****** gear ******/
treechildren::-moz-tree-image(query) {
  list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important;
  fill: #69c !important;
}

/****** All Bookmarks ******/
treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
  list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
  fill: light-dark(#f0cc02, #d8b701) !important;
}

/****** Downloads ******/
treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
  list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important;
  /*list-style-image: url("./image/download.svg") !important;*/
  fill: light-dark(#0080ff, deepskyblue) !important;
}

/****** Tag ******/
treechildren::-moz-tree-image(title, query, tagContainer),
treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v) {
  list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
  fill: light-dark(#8f76d6, #ab8cff) !important;
}

/****** History sidebar and browsing library history (today, yesterday, last 7 days, this month, etc.) ******/
treechildren::-moz-tree-image(title, query, dayContainer) {
  list-style-image: url("chrome://browser/skin/history.svg") !important;
  fill: light-dark(#bc763c, #bb5520) !important;
}

/****** History, browsing library ******/
treechildren::-moz-tree-image(query, OrganizerQuery_history____v) {
  /*list-style-image: url("chrome://browser/skin/history.svg") !important;*/
  list-style-image: url("./image/history.svg") !important;
  /*list-style-image: url("./image/history2.svg") !important;*/
  fill: light-dark(#bc763c, #bb5520) !important;
}

/****** History sidebar folder ******/
treechildren::-moz-tree-image(title, query, hostContainer) {
  /*list-style-image: url("chrome://global/skin/icons/folder.svg") !important;*/
  list-style-image: url("./image/folder_57.svg") !important;
  fill: #e8bb00 !important;
}

/****** Other Bookmarks ******/
#editBMPanel_folderMenuList:-moz-any([label="Other Bookmarks"],[label="Weitere Lesezeichen"],[label="他のブックマーク"]) .menulist-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
treechildren::-moz-tree-image(container, queryFolder_unfiled_____),
#editBMPanel_folderMenuList[selectedGuid="unfiled_____"] {
  list-style-image: url("./image/unfiledBookmarks.svg") !important;
  fill: light-dark(olive, #B2B266) !important;
}

#editBMPanel_unfiledRootItem > :is(.menu-icon,.menu-iconic-icon),
#menu_unsortedBookmarks > :is(.menu-icon,.menu-iconic-icon),
#BMB_unsortedBookmarks > :is(.menu-icon,.menu-iconic-icon),
#OtherBookmarks > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/unfiledBookmarks.svg") !important;
  fill: light-dark(olive, #B2B266) !important;
}

 /* Add/Edit Bookmarks panel folder */
#editBMPanel_chooseFolderMenuItem > :is(.menu-icon,.menu-iconic-icon),
#editBMPanel_folderMenuList,
.folder-icon > :is(.menu-icon,.menu-iconic-icon) {
  /*list-style-image: url("chrome://global/skin/icons/folder.svg") !important;*/
  list-style-image: url("./image/folder_57.svg") !important;
  fill: #e8bb00 !important;
}

#editBMPanel_folderMenuList[selectedGuid="toolbar_____"] > :is(.menu-icon, .toolbarbutton-icon),
#editBMPanel_toolbarFolderItem > :is(.menu-icon, .toolbarbutton-icon),
#BMB_bookmarksToolbar > :is(.menu-icon, .toolbarbutton-icon),
#bookmarksToolbarFolderMenu > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
  fill: #38b48b !important;
}

#editBMPanel_folderMenuList[selectedGuid="toolbar_____"] {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
  fill: #38b48b !important;
}

#editBMPanel_folderMenuList[selectedGuid="menu________"] > :is(.menu-icon, .toolbarbutton-icon),
#editBMPanel_bmRootItem > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
  fill: violet !important;
}

#editBMPanel_folderMenuList[selectedGuid="menu________"] {
  list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
  fill: violet !important;
}

/******************/

/* We want some queries to look like ordinary folders. This must come
   after the (title, query) selector, or it would get overridden. */

treechildren::-moz-tree-image(title, query, folder) {
  /*list-style-image: url("chrome://global/skin/icons/folder.svg") !important;*/
  list-style-image: url("./image/folder_57.svg") !important;
}

.menuitem-iconic.folder-icon > :is(.menu-icon, .toolbarbutton-icon),
.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon) {
  /*content: url("chrome://global/skin/icons/folder.svg") !important;*/
  content: url("./image/folder_57.svg") !important;
  fill: #e8bb00 !important;
}

/*********************************************************************/
/*** Test Bookmarks Toolbar Folder ***/
.menu-iconic.bookmark-item > :is(.menu-icon, .toolbarbutton-icon) {
  /*content: url("chrome://global/skin/icons/folder.svg") !important;*/
  content: url("./image/folder_57.svg") !important;
  fill: #e8bb00 !important;
}

.menuitem-iconic.folder-icon > :is(.menu-icon, .toolbarbutton-icon),
#PlacesToolbarItems .bookmark-item[container] {
  /*list-style-image: url("chrome://global/skin/icons/folder.svg") !important;*/
  list-style-image: url("./image/folder_57.svg") !important;
  fill: #e8bb00 !important;
}

/*** Test Bookmarks Toolbar Sub-menu Folder ***/
#PlacesToolbarItems .menu-iconic.bookmark-item > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("chrome://global/skin/dirListing/folder.png") !important;
}

/*********************************************************************/
/****** Bookmarks Toolbar Folder Color *******/

/* Bookmarks Toolbar Folder Color Green */
.bookmark-item[container][label="New Folder"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: green !important;
}
/* Bookmarks Toolbar Folder Color Red */
.bookmark-item[container][label="New Folder0"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: #FF0000 !important;
}
/* Bookmarks Toolbar Folder Color maroon */
.bookmark-item[container][label="New Folder1"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: maroon !important;
}
/* Bookmarks Toolbar Folder Color deeppink */
.bookmark-item[container][label="New Folder2"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: deeppink !important;
}
/* Bookmarks Toolbar Folder Color fuchsia */
.bookmark-item[container][label="New Folder3"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: fuchsia !important;
}
/* Bookmarks Toolbar Folder Color crimson */
.bookmark-item[container][label="New Folder4"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: crimson !important;
}
/* Bookmarks Toolbar Folder Color mediumvioletred */
.bookmark-item[container][label="New Folder5"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: mediumvioletred !important;
}
/* Bookmarks Toolbar Folder Color plum */
.bookmark-item[container][label="New Folder6"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: plum !important;
}
/* Bookmarks Toolbar Folder Color darkorange */
.bookmark-item[container][label="New Folder7"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: darkorange !important;
}
/* Bookmarks Toolbar Folder Color Blue */
.bookmark-item[container][label="New Folder8"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: #0000FF !important;
}
/* Bookmarks Toolbar Folder Color deepskyblue */
.bookmark-item[container][label="New Folder9"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: Deepskyblue !important;
}
/* Bookmarks Toolbar Folder Color Oriental Blue */
.bookmark-item[container][label="New Folder10"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: #304285 !important;
}
/* Bookmarks Toolbar Folder Color Light blue */
.bookmark-item[container][label="New Folder11"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: #00a496 !important;
}
/* Bookmarks Toolbar Folder Color Green */
.bookmark-item[container][label="New Folder12"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: #008000 !important;
}
/* Bookmarks Toolbar Folder Color Purple */
.bookmark-item[container][label="New Folder13"] > :is(.menu-icon, .toolbarbutton-icon) {
  content: url("./image/folder_57.svg") !important;
  fill: #885bd5 !important;
}