/*** Place the “icons” folder inside the “chrome” folder ***/
/*** about:config: svg.context-properties.content.enabled to true ***/

/****** 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("./icons/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;
}

/****** defaultFavicon ******/
.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("./icons/folder_57.svg") !important;*/
  list-style-image: url("./icons/folder.png") !important;
  fill: #e8bb00 !important;
}

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

/****** bookmarksMenu ******/
treechildren::-moz-tree-image(container, queryFolder_menu________) {
  list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
  fill: light-dark(olive, #c9c993) !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(#ffad00, #ffad00) !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("./icons/download.svg") !important;*/
  fill: light-dark(#0080ff, deepskyblue) !important;
  opacity: 1 !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, #eb9800) !important;
}

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

/****** History sidebar folder ******/
treechildren::-moz-tree-image(title, query, hostContainer) {
  /*list-style-image: url("./icons/folder_57.svg") !important;*/
  list-style-image: url("./icons/folder.png") !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("./icons/unfiledBookmarks.svg") !important;
  fill: light-dark(olive, #c9c993) !important;
}

/****** “Other Bookmarks” on the Bookmarks Toolbar ******/
#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("./icons/unfiledBookmarks.svg") !important;
  fill: light-dark(olive, #c9c993) !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("./icons/folder_57.svg") !important;*/
  list-style-image: url("./icons/folder.png") !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: light-dark(olive, #c9c993) !important;
}

#editBMPanel_folderMenuList[selectedGuid="toolbar_____"] {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
  fill: light-dark(olive, #c9c993) !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: light-dark(olive, #c9c993) !important;
}

#editBMPanel_folderMenuList[selectedGuid="menu________"] {
  list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
  fill: light-dark(olive, #c9c993) !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("./icons/folder_57.svg") !important;*/
  list-style-image: url("./icons/folder.png") !important;
  fill: #e8bb00 !important;
}

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