@-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(--primary-dark-color) !important; color: var(--primary-light-color) !important; border: none !important; } /* Toolbar */ toolbar { -moz-appearance: none !important; background-color: var(--dark-accent) !important; border: none !important; } #placesToolbar > toolbarbutton { margin: 6px 4px 5px !important; -moz-appearance: none !important; background-color: var(--grey-30) !important; border-radius: 5px !important; filter: invert(85%) !important; } /* Main Area */ #placeContent, #places #downloadsRichListBox { -moz-appearance: none !important; border: none !important; color: var(--primary-light-color) !important; background-color: var(--mid-way-color) !important; } /* Sidebar */ #placesList { -moz-appearance: none !important; color: var(--primary-light-color) !important; background-color: var(--primary-dark-color) !important; } #placesView > splitter { border-inline-end: 1px solid var(--mid-way-color) !important; } /* Column Header */ #contentView treecol { -moz-appearance: none !important; border: none !important; background: var(--dark-accent) !important; color: var(--grey-30) !important; border-right: 1px solid var(--light-accent-color) !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(--mid-way-color) !important; } /* Bookmarks Description Field */ #places #editBMPanel_descriptionField, #editBookmarkPanelContent #editBMPanel_descriptionField { -moz-appearance: none !important; background-color: var(--mid-way-color) !important; color: var(--primary-light-color) !important; } textbox[type="search"] { padding-left: 3px !important; border-radius: 2px !important; border: 1px solid var(--light-accent-color) !important; } /* Bookmark Tag Options */ listbox { -moz-appearance: none !important; background-color: var(--mid-way-color) !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 * * */ #placesList > treechildren::-moz-tree-cell-text(selected) { color: var(--grey-30) !important; } #placesList > treechildren::-moz-tree-row(selected) { -moz-appearance: none !important; -moz-font-smoothing-background-color: none !important; border-top: none !important; } #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 { fill: var(--primary-light-color) !important; } #places treechildren::-moz-tree-image(selected) { fill: var(--grey-30) !important; } /* Selected, not in focus */ #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current) { background: var(--primary-accent-color) !important; } treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { -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; } #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected) { color: var(--grey-30) !important; } #placeContent > treechildren::-moz-tree-cell, #placeContent > treechildren::-moz-tree-column { border-right: 1px solid var(--light-accent-color) !important; } /* Selected, in focus */ #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current, focus) { background: var(--primary-accent-color) !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; } #placesMenu > menu { color: var(--primary-light-color) !important; } }