From 05a7e11a44aa8f51115e578e69b01835a545b65e Mon Sep 17 00:00:00 2001 From: overdodactyl Date: Thu, 11 Jan 2018 21:17:47 -0700 Subject: [PATCH] style bookmarks popup --- userChrome-files/bookmarks_popup.css | 82 ++++++++++++++++++++++++++++ userChrome.css | 79 +++++++++++++++++++++++++++ userChrome_imports.css | 1 + 3 files changed, 162 insertions(+) create mode 100644 userChrome-files/bookmarks_popup.css diff --git a/userChrome-files/bookmarks_popup.css b/userChrome-files/bookmarks_popup.css new file mode 100644 index 0000000..fc00ede --- /dev/null +++ b/userChrome-files/bookmarks_popup.css @@ -0,0 +1,82 @@ +/* Bookmarks Pop up */ +#editBMPanel_rows > row > textbox, +#editBMPanel_rows > row > hbox > textbox, +#editBMPanel_folderMenuList, +#editBookmarkPanelRemoveButton, +#editBookmarkPanelDoneButton, +#editBMPanel_foldersExpander, +#editBMPanel_tagsSelectorExpander { + background: var(--grey-70) !important; + color: var(--primary-light-color) !important; + border: 1px solid var(--grey-50) !important; + box-shadow: none !important; +} + +.button-icon, +#editBookmarkPanel .expander-down > .button-box > .button-icon { + filter: invert(65%) !important; +} + +#editBMPanel_folderTree, +#editBMPanel_tagsSelector { + -moz-appearance: none !important; + background: var(--grey-70) !important; + color: var(--primary-light-color) !important; + opacity: 1 !important; +} + + + + +#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row, +#editBMPanel_tagsSelector treechildren:not(.autocomplete-treebody)::-moz-tree-row { + background: var(--grey-60) !important; + color: var(--primary-light-color) !important; +} + + +#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover), +#editBMPanel_tagsSelector treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) { + background: var(--dark-accent) !important; + color: var(--primary-accent-color) !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; +} + +/* Change the outline of icons to light instead of dark */ +#editBMPanel_folderTree treechildren::-moz-tree-image{ + fill: var(--primary-light-color) !important; +} +#editBMPanel_folderTree treechildren::-moz-tree-image(selected) { + fill: white !important; +} + + +/* Selected, in focus */ +#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current, focus){ + background: var(--primary-accent-color) !important; +} + +listitem[selected="true"] { + background-color: var(--primary-accent-color) !important; + color: white !important; +} + +#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current) { + background: var(--blue-40) !important; +} + +#editBMPanel_folderTree { + border: 1px solid var(--grey-50) !important; + border-bottom: none !important; +} + + + +#editBMPanel_newFolderBox { + background: var(--grey-70) !important; + border: 1px solid var(--grey-50) !important; + box-shadow: none !important; +} diff --git a/userChrome.css b/userChrome.css index 2a3b320..017ab88 100644 --- a/userChrome.css +++ b/userChrome.css @@ -81,6 +81,85 @@ background: var(--dark-accent) !important; } } +/* Bookmarks Pop up */ + +#editBMPanel_rows > row > textbox, +#editBMPanel_rows > row > hbox > textbox, +#editBMPanel_folderMenuList, +#editBookmarkPanelRemoveButton, +#editBookmarkPanelDoneButton, +#editBMPanel_foldersExpander, +#editBMPanel_tagsSelectorExpander { + background: var(--grey-70) !important; + color: var(--primary-light-color) !important; + border: 1px solid var(--grey-50) !important; + box-shadow: none !important; +} + +.button-icon, +#editBookmarkPanel .expander-down > .button-box > .button-icon { + filter: invert(65%) !important; +} + +#editBMPanel_folderTree, +#editBMPanel_tagsSelector { + -moz-appearance: none !important; + background: var(--grey-70) !important; + color: var(--primary-light-color) !important; + opacity: 1 !important; +} + +#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row, +#editBMPanel_tagsSelector treechildren:not(.autocomplete-treebody)::-moz-tree-row { + background: var(--grey-60) !important; + color: var(--primary-light-color) !important; +} + +#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover), +#editBMPanel_tagsSelector treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) { + background: var(--dark-accent) !important; + color: var(--primary-accent-color) !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; +} + +/* Change the outline of icons to light instead of dark */ + +#editBMPanel_folderTree treechildren::-moz-tree-image { + fill: var(--primary-light-color) !important; +} + +#editBMPanel_folderTree treechildren::-moz-tree-image(selected) { + fill: white !important; +} + +/* Selected, in focus */ + +#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current, focus) { + background: var(--primary-accent-color) !important; +} + +listitem[selected="true"] { + background-color: var(--primary-accent-color) !important; + color: white !important; +} + +#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current) { + background: var(--blue-40) !important; +} + +#editBMPanel_folderTree { + border: 1px solid var(--grey-50) !important; + border-bottom: none !important; +} + +#editBMPanel_newFolderBox { + background: var(--grey-70) !important; + border: 1px solid var(--grey-50) !important; + box-shadow: none !important; +} /* The following code is based on that found on * https://www.jeffersonscher.com/gm/url-bar-tweaks.html * Copyright © 2017 Jefferson Scher (BSD-3-Clause License or CC-BY License) */ diff --git a/userChrome_imports.css b/userChrome_imports.css index ee435b1..542dff9 100644 --- a/userChrome_imports.css +++ b/userChrome_imports.css @@ -13,3 +13,4 @@ @import "userChrome-files/about_firefox.css"; @import "userChrome-files/page_info.css"; @import "userChrome-files/findbar.css"; +@import "userChrome-files/bookmarks_popup.css";