coloured context menus

This commit is contained in:
bmFtZQ 2022-01-18 15:45:15 +08:00
parent 8000dddb3d
commit 8a8ef4db74
3 changed files with 32 additions and 9 deletions

View file

@ -46,8 +46,8 @@
--zoom-controls-bgcolor: #4A4A4A !important; --zoom-controls-bgcolor: #4A4A4A !important;
--arrowpanel-background: #fff !important; --arrowpanel-background: #fff !important;
--arrowpanel-color: #000 !important; --arrowpanel-color: #000 !important;
--panel-description-color: #0009 !important; --panel-description-color: #000a !important;
--panel-disabled-color: #000 !important; --panel-disabled-color: #0009 !important;
--arrowpanel-dimmed: #565656 !important; --arrowpanel-dimmed: #565656 !important;
--arrowpanel-dimmed-further: #707070 !important; --arrowpanel-dimmed-further: #707070 !important;
--panel-item-hover-bgcolor: #eee !important; --panel-item-hover-bgcolor: #eee !important;

View file

@ -192,3 +192,19 @@
#emptyDownloads { #emptyDownloads {
padding: 1.5em 16px 1.7em !important; padding: 1.5em 16px 1.7em !important;
} }
/* context menus */
menupopup {
--panel-color: var(--arrowpanel-color) !important;
--panel-border-radius: 4px !important;
--panel-padding: 4px 0px !important;
--panel-border-color: var(--arrowpanel-border-color) !important;
--panel-background: var(--arrowpanel-background) !important;
--nested-margin: -6px !important;
--menuitem-hover-background-color: var(--panel-item-hover-bgcolor) !important;
--menu-background-color: var(--arrowpanel-background) !important;
--menu-color: var(--arrowpanel-color) !important;
--menuitem-disabled-hover-background-color: #0000 !important;
--menu-disabled-color: var(--panel-disabled-color) !important;
--menu-border-color: var(--panel-separator-color) !important;
}

View file

@ -35,20 +35,24 @@ and 11 so applied to both) */
fill: currentColor !important; fill: currentColor !important;
} }
#back-button { #back-button,
#context-back {
list-style-image: url("back.svg") !important; list-style-image: url("back.svg") !important;
} }
#forward-button { #forward-button,
#context-forward {
list-style-image: url("forward.svg") !important; list-style-image: url("forward.svg") !important;
} }
#reload-button { #reload-button,
#context-reload {
list-style-image: url("reload.svg") !important; list-style-image: url("reload.svg") !important;
} }
#stop-button, #stop-button,
.close-icon { .close-icon,
#context-stop {
list-style-image: url("close.svg") !important; list-style-image: url("close.svg") !important;
} }
@ -304,7 +308,8 @@ and 11 so applied to both) */
#protections-popup-mainView .subviewbutton-nav:not(.notFound)::after, #protections-popup-mainView .subviewbutton-nav:not(.notFound)::after,
#identity-popup-mainView .subviewbutton-nav::after, #identity-popup-mainView .subviewbutton-nav::after,
.widget-overflow-list .subviewbutton-nav::after, .widget-overflow-list .subviewbutton-nav::after,
.PanelUI-subView .subviewbutton-nav::after { .PanelUI-subView .subviewbutton-nav::after,
.menu-right {
content: url("arrow-right.svg") !important; content: url("arrow-right.svg") !important;
} }
@ -323,12 +328,14 @@ and 11 so applied to both) */
} }
#pageAction-panel-bookmark, #pageAction-panel-bookmark,
#star-button { #star-button,
#context-bookmarkpage {
list-style-image: url("bookmark-hollow.svg") !important; list-style-image: url("bookmark-hollow.svg") !important;
} }
#pageAction-panel-bookmark[starred], #pageAction-panel-bookmark[starred],
#star-button[starred] { #star-button[starred],
#context-bookmarkpage[starred="true"] {
list-style-image: url("bookmark.svg") !important; list-style-image: url("bookmark.svg") !important;
} }