Brave-ify Firefox

folder.svg

userChrome.css

@media (-moz-proton) {
  /* Tab Defaults */
  .tab-background {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom: none !important;
  }

  /* Selected Tabs */
  .tab-background[selected=true],
  .tab-background[multiselected=true]
  {
    border: .5px solid #7B7B7B !important;
    border-bottom: none !important;
  }

  /* Tabs that aren't selected or hovered over */
  .tab-background:not([selected=true]):not([multiselected=true]):not(:hover)
  {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom: none !important;
    background-color: #191919 !important;
  }

  .tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-label-container
  {
    color: #FFFFFF !important;
  }

  /* Tabs that are hovered over but not selected */
  .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not([multiselected=true])
  {
    background-color: #262626 !important;
    border: 1px solid #3B3B3B !important;
    border-bottom: none !important;
  }


  /* Tab Height */
  :root
  {
    /* fix for full screen mode */
    --tab-toolbar-navbar-overlap: 0px !important;
    --tab-min-height: 33px !important;
    --toolbarbutton-hover-background: #242424 !important;
    --toolbarbutton-active-background: #3d3d3d !important;
  }
  /* :root #tabbrowser-tabs
  {
    --tab-min-height: 40px !important;
  } */
  #TabsToolbar
  {
    height: var(--tab-min-height) !important;
    --toolbarbutton-inner-padding: none !important;
  }

  .tabbrowser-tab
  {
    min-height: 33px !important;
  }


  /* Bookmark Bar */
  #personal-bookmarks menupopup[placespopup]
  {
    appearance: none !important;
    background-color: #292A2D !important;
    color: #E2E2E2 !important;
    border-radius: 5px !important;
  }

  #personal-bookmarks menupopup menu,
  #personal-bookmarks menupopup menuitem
  {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  #personal-bookmarks menupopup menu[_moz-menuactive="true"],
  #personal-bookmarks menupopup menuitem[_moz-menuactive="true"]
  {
    appearance: none !important;
    background-color: #3F4042!important
  }

  #personal-bookmarks .bookmarks-actions-menuseparator
  {
    appearance: none !important;
    background-color: #3F4042 !important;
  }

  /* Spacing between icons */
  #personal-toolbar-empty-description,
  #PersonalToolbar .toolbarbutton-1,
  toolbarbutton.bookmark-item:not(.subviewbutton)
  {
    margin: 2px !important;
    padding: 6px !important;
  }

  /* Standard folder*/
  #bookmarks-view treechildren::-moz-tree-image(container),
  #PlacesToolbarItems toolbarbutton[container="true"],
  #PlacesToolbarItems menu[container="true"] .menu-iconic-left,
  #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
  #bookmarksMenu menu[container="true"] .menu-iconic-icon,
  .bookmark-item[container]
  {
    list-style-image: url('folder.svg') !important;
  }

  /* for bookmarks library */
  @-moz-document url(chrome://browser/content/places/places.xhtml)
  {
    #placesView treechildren::-moz-tree-image {
      list-style-image: url('folder.svg') !important;
      width: 16px !important;
      height: 16px !important;
    }
  }

  /* by folder name in the bookmarks toolbar to make them different for example */
  .bookmark-item[container="true"] [label="folder1"]
  {
    list-style-image: url('folder.svg') !important;
  }

  /* New Tab Button */
  #tabs-newtab-button .toolbarbutton-icon
  {
    padding: 4px !important;
  }
  :root
  {
    --toolbarbutton-hover-background: #191919 !important;
  }
}