ShadowFox/userChrome-files/dark_sidebar.css

82 lines
2.1 KiB
CSS
Raw Normal View History

2017-12-03 05:20:09 +00:00
/* Sidebar */
.sidebar-placesTree {
-moz-appearance: none !important;
background: var(--grey-70) !important;
color: var(--primary-light-color) !important;
opacity: 1 !important;
}
/* Change the outline of icons to light instead of dark */
.sidebar-placesTree::-moz-tree-image, .sidebar-placesTreechildren::-moz-tree-image {
fill: var(--primary-light-color) !important;
}
2017-12-03 05:20:09 +00:00
/* Sidebar Header */
.sidebar-header, #sidebar-header {
background: var(--grey-80) !important;
color: var(--primary-light-color) !important;
}
/* Sidebar search container */
#sidebar-search-container {
background: var(--grey-80) !important;
color: var(--primary-light-color) !important;
}
/* Sidebar search box */
#sidebar-search-container textbox {
-moz-appearance: none !important;
2017-12-03 08:04:00 +00:00
border-radius: .3em !important;
2017-12-03 05:20:09 +00:00
background-color: var(--grey-60) !important;
color: var(--primary-light-color) !important;
2017-12-03 08:04:00 +00:00
border: solid 1px var(--mid-way-color) !important;
2017-12-03 05:20:09 +00:00
}
/* Sidebar "view" button */
#sidebar-search-container #viewButton {
color: var(--primary-light-color) !important;
}
/* Drop down arrow - next to "view" */
.button-menu-dropmarker, .button-menubutton-dropmarker {
filter: invert(65%);
}
/* Sidebar splitter
* Adjust width to personal preference -
* I keep it at 4 for easy mobility and Tree Style Tabs
* utilizes it for container indicators */
2017-12-03 05:20:09 +00:00
#sidebar-splitter {
width: 4px !important;
background: var(--primary-dark-color) !important;
opacity: 0 !important;
2017-12-03 05:20:09 +00:00
}
2017-12-03 05:20:09 +00:00
/* Reverse color of sidebar header icon for Tree Style Tabs
* you may delete this snippit if you don't use the extension */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-icon {
filter: invert(60%);
}
#button_treestyletab_piro_sakura_ne_jp-sidebar-action .toolbarbutton-icon {
filter: invert(87%);
}
2017-12-03 22:03:07 +00:00
/* Siderbar slider - thank you u/_Dimitri_
* Add this section if on Windows
2017-12-03 21:46:07 +00:00
scrollbar > slider {
max-width: 4px !important;
2017-12-03 21:46:07 +00:00
}
scrollbar > slider > thumb, scrollbar > scrollbarbutton {
-moz-appearance: none !important;
background-color: var(--grey-80) !important;;
2017-12-03 21:46:07 +00:00
}
2017-12-03 22:03:07 +00:00
*/
2017-12-03 21:46:07 +00:00