Changes to context menus, dropdowns, and sidebar. Changelog to come.
This commit is contained in:
parent
512e4903b9
commit
5928aa3a86
|
@ -3,7 +3,7 @@ menupopup, popup, popup > menu > menupopup, menupopup > menu > menupopup, menupo
|
|||
-moz-appearance: none !important;
|
||||
background: var(--grey-60) !important;
|
||||
border: none !important;
|
||||
padding: 6px 0px 6px 0px !important;
|
||||
padding: 0px 0px 0px 0px !important;
|
||||
}
|
||||
|
||||
/* More options right arrow */
|
||||
|
@ -33,11 +33,6 @@ menupopup menuseparator {
|
|||
padding: 0 !important;
|
||||
border-top: none !important;
|
||||
margin: 2px 6px 2px 6px !important;
|
||||
/* following added as a Windows fix,
|
||||
* thanks u/markdarkness! */
|
||||
-moz-appearance:none !important;
|
||||
background: rgba(0, 0, 0, 0) !important;
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
menupopup menu:hover, menuitem:hover {
|
||||
|
@ -50,4 +45,29 @@ menupopup menu:hover, menuitem:hover {
|
|||
.panel-arrowcontent {
|
||||
color: var(--grey-10) !important;
|
||||
background: var(--grey-60) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* The following snippets are designed to fix promblems
|
||||
* only noticed on Windows computers. Thank you to u/u/markdarkness!
|
||||
* for helping me with these issues. */
|
||||
|
||||
/* Remove white separators between menu items */
|
||||
menupopup menuseparator {
|
||||
-moz-appearance:none !important;
|
||||
background: rgba(0, 0, 0, 0) !important;
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
/* Increase height between menu items */
|
||||
menupopup menu, menuitem {
|
||||
padding-top: .5px !important;
|
||||
}
|
||||
|
||||
/* Removes white bar between icons and menu items */
|
||||
#context-navigation, #context-sep-navigation {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -26,6 +26,16 @@ photonpanelmultiview panelview {
|
|||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
#emptyDownloads {
|
||||
background: var(--grey-60) !important;
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
#downloadsFooterButtons {
|
||||
background: var(--grey-70) !important;
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
|
||||
#appMenu-mainView toolbarbutton:hover, #customizationui-widget-multiview toolbarbutton:hover,
|
||||
#widget-overflow-list toolbarbutton:hover {
|
||||
|
@ -51,4 +61,20 @@ photonpanelmultiview panelview {
|
|||
.identity-popup-expander[panel-multiview-anchor] {
|
||||
background-color: darkcyan !important;
|
||||
fill: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
|
||||
/* New update is available */
|
||||
.popup-notification-button[default][highlight="true"]:not([disabled]) {
|
||||
background-color: darkcyan !important;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
#update-available-whats-new {
|
||||
color: darkcyan !important;
|
||||
}
|
||||
|
||||
.popup-notification-icon[popupid="update-available"], .popup-notification-icon[popupid="update-manual"], .popup-notification-icon[popupid="update-restart"] {
|
||||
background-color: #712b00 !important;
|
||||
border-radius: 50%;
|
||||
}
|
|
@ -39,13 +39,17 @@
|
|||
filter: invert(65%);
|
||||
}
|
||||
|
||||
/* Sidebar splitter */
|
||||
/* 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: 1px !important;
|
||||
background: var(--primary-light-color) !important;
|
||||
opacity: .3 !important;
|
||||
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 {
|
||||
|
@ -55,12 +59,12 @@
|
|||
/* Siderbar slider - thank you u/_Dimitri_
|
||||
* Add this section if on Windows
|
||||
scrollbar > slider {
|
||||
background-color: var(--grey-60);
|
||||
max-width: 4px !important;
|
||||
}
|
||||
|
||||
scrollbar > slider > thumb, scrollbar > scrollbarbutton {
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--grey-80);
|
||||
background-color: var(--grey-80) !important;;
|
||||
}
|
||||
*/
|
||||
|
||||
|
|
Loading…
Reference in New Issue