82 lines
2.1 KiB
CSS
82 lines
2.1 KiB
CSS
/* 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;
|
|
}
|
|
|
|
/* 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;
|
|
border-radius: .3em !important;
|
|
background-color: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border: solid 1px var(--mid-way-color) !important;
|
|
}
|
|
|
|
/* 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 */
|
|
#sidebar-splitter {
|
|
width: 4px !important;
|
|
background: var(--primary-dark-color) !important;
|
|
opacity: 0 !important;
|
|
}
|
|
|
|
|
|
/* 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%);
|
|
}
|
|
|
|
/* Siderbar slider - thank you u/_Dimitri_
|
|
* Add this section if on Windows
|
|
scrollbar > slider {
|
|
max-width: 4px !important;
|
|
}
|
|
|
|
scrollbar > slider > thumb, scrollbar > scrollbarbutton {
|
|
-moz-appearance: none !important;
|
|
background-color: var(--grey-80) !important;;
|
|
}
|
|
*/
|
|
|
|
|
|
|