ShadowFox/userChrome-files/library.css

@-moz-document url(chrome://browser/content/places/places.xul),
url(chrome://browser/content/places/bookmarkProperties.xul) {

	/* Details Dock and Bookmark Properties*/
	#detailsDeck,
	#bookmarkproperties {
		-moz-appearance: none !important;
		background-color: var(--grey-70) !important;
		color: var(--primary-light-color) !important;
		border: 0px solid black !important;
	}

	/* Toolbar */
	toolbar {
		-moz-appearance: none !important;
		background-color: var(--grey-80) !important;
		border: 0px solid black !important;
	}

	/* Main Area */
	#placeContent,
	#places #downloadsRichListBox {
		-moz-appearance: none !important;
		border: 1px solid var(--grey-60) !important;
		color: rgb(200,200,200) !important;
		background-color: var(--grey-60) !important;
	}

	/* Sidebar */
	#placesList {
		-moz-appearance: none !important;
		color: rgb(200,200,200) !important;
		background-color: rgba(12, 12, 13, .8) !important;
	}

	/* Column Header */
	#contentView treecol {
		-moz-appearance: none !important;
		border: 0px solid !important;
		border-bottom: 1px solid !important;
		border-right: 1px solid rgb(0,0,0) !important;
		-moz-border-bottom-colors: rgb(0,0,0) !important;
		background: linear-gradient(to bottom,
		           rgba(56,70,82,1) 0%,
		           rgba(35,39,48,1) 100%) !important;
		color: white !important;
	}

    /* Text Boxes - One Line */
	#places textbox:not([multiline="true"]),
	#editBookmarkPanelContent textbox:not([multiline="true"]) {
        -moz-appearance: none !important;
        color: var(--primary-light-color) !important;
        background-color: var(--grey-60) !important;
     }

	/* Bookmarks Description Field */
	#places #editBMPanel_descriptionField,
	#editBookmarkPanelContent #editBMPanel_descriptionField {
		-moz-appearance: none !important;
		background-color: var(--grey-60) !important;
		color: var(--primary-light-color) !important;
	}

	/*  Bookmark Tag Options  */
	listbox {
		-moz-appearance: none !important;
		background-color: var(--grey-60) !important;
		color: var(--primary-light-color) !important;
	}

	#places listbox:focus > listitem[selected="true"] {
		background-color: var(--primary-accent-color) !important;
		color: black !important;
	}


	/*								*
	 *	  Tree Items	*
	 *								*/

	#places treechildren::-moz-tree-row {
		background-color: transparent !important;
		overflow-y: scroll  !important;
	}


	/* Change the outline of icons to light instead of dark */
	#places treechildren::-moz-tree-image, #places treechildren::-moz-tree-image {
	  fill: var(--primary-light-color) !important;
	}

	/* Selected, in focus */
	#places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current, focus) {
	  background: var(--primary-accent-color) !important;
	}

	/* Selected, not in focus */
	#places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current) {
	  background: var(--blue-40) !important;
	}

	treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
    -moz-border-top-colors: var(--grey-80) !important;
    -moz-border-right-colors: var(--grey-80) !important;
    -moz-border-left-colors: var(--grey-80) !important;
    -moz-border-bottom-colors: var(--grey-80) !important;
  }

	#placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-row(odd) {
	    background: rgba(12, 12, 13, .1) !important;
	}

	#places treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
	    background: var(--dark-accent) !important;
			-moz-border-top-colors: var(--dark-accent) !important;
			-moz-border-right-colors: var(--dark-accent) !important;
			-moz-border-left-colors: var(--dark-accent) !important;
			-moz-border-bottom-colors: var(--dark-accent) !important;
	}

	#places treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, selected) {
	    background: var(--primary-accent-color) !important;
	}


}