From ef6bf399c8d3f8be00e8ff1bfbc11ed681faf484 Mon Sep 17 00:00:00 2001 From: Rafael Mardojai CM Date: Wed, 10 Jul 2019 11:02:14 -0500 Subject: [PATCH] Use new arrow icons on dropdown buttons, and extend support, #26 --- theme/parts/custom-icons.css | 75 ++++++++++++++++++++++++++---------- theme/parts/popups.css | 3 -- 2 files changed, 55 insertions(+), 23 deletions(-) diff --git a/theme/parts/custom-icons.css b/theme/parts/custom-icons.css index d5f06ef..32aa78d 100755 --- a/theme/parts/custom-icons.css +++ b/theme/parts/custom-icons.css @@ -2,6 +2,60 @@ @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; +/* Popovers subview menu arrow */ +.PanelUI-subView .subviewbutton-nav::after { + content: "" !important; + background: url("../icons/pan-start-symbolic.svg"); + background-size: contain; + height: 16px; + width: 16px; + margin-top: -2px !important; +} + +/* Popovers subview back button */ +.subviewbutton-back { + list-style-image: url("../icons/pan-start-symbolic.svg") !important; +} + +/* Arrow down buttons */ +.expander-down > .button-box, +#sidebar-switcher-arrow { + -moz-appearance: none !important; + list-style-image: url("../icons/pan-down-symbolic.svg") !important; + width: 16px !important; + height: 16px !important; + +} +.menulist-label-box:after { + content: url("../icons/pan-down-symbolic.svg") !important; +} + +/* Arrow up buttons */ +.expander-up > .button-box { + -moz-appearance: none !important; + list-style-image: url("../icons/pan-up-symbolic.svg") !important; + width: 16px !important; + height: 16px !important;; +} + +/* Private browsing button */ +#nav-bar #privatebrowsing-button .toolbarbutton-icon { + list-style-image: url("../icons/user-not-tracked.svg") !important;; +} + +/* Invert icons color in dark variant */ +#nav-bar #privatebrowsing-button .toolbarbutton-icon:-moz-lwtheme-brighttext, + +.PanelUI-subView .subviewbutton-nav:-moz-lwtheme-brighttext::after, +.subviewbutton-back .toolbarbutton-icon:-moz-lwtheme-brighttext, + +.menulist-label-box:-moz-lwtheme-brighttext:after, +.expander-down image:-moz-lwtheme-brighttext, +.expander-up image:-moz-lwtheme-brighttext, +#sidebar-switcher-arrow:-moz-lwtheme-brighttext { + filter: invert(100%) brightness(200%); +} + /* Back button */ #nav-bar #back-button .toolbarbutton-icon { filter: var(--gnome-icons-hack-filter); @@ -39,23 +93,4 @@ #PanelUI-menu-button { filter: var(--gnome-icons-hack-filter); list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important; -} */ - -/* Popovers subview menu arrow */ -.PanelUI-subView .subviewbutton-nav::after { - content: "" !important; - filter: var(--gnome-icons-hack-filter); - background: url("moz-icon://stock/pan-start-symbolic?size=dialog"); - background-size: contain; - height: 16px; - width: 16px; - margin-top: -2px !important; -} - -/* Popovers subview back button */ -.subviewbutton-back { - list-style-image: url("moz-icon://stock/pan-start-symbolic?size=dialog") !important; -} -.subviewbutton-back .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); -} +} */ \ No newline at end of file diff --git a/theme/parts/popups.css b/theme/parts/popups.css index 808cbb9..d3c70ae 100755 --- a/theme/parts/popups.css +++ b/theme/parts/popups.css @@ -71,9 +71,6 @@ panel:not(.tooltip-xul-wrapper) .panel-arrowcontent { opacity: 0.5 !important; } -.subviewbutton::after { - opacity: 0.7 !important; -} .subviewbutton:not([disabled]):hover, .toolbarbutton-1:not([disabled]):hover { background: var(--gnome-popover-button-hover-background) !important; }