style bookmarks popup

This commit is contained in:
overdodactyl 2018-01-11 21:17:47 -07:00
parent 6d5d08f878
commit 05a7e11a44
3 changed files with 162 additions and 0 deletions

View File

@ -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;
}

View File

@ -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) */

View File

@ -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";