From 80ce45de175e6581a200006024c685afcb8f0356 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 1 Jun 2019 14:30:01 +0300 Subject: [PATCH] Add colors to inform about downloads button state --- chrome/minimal_toolbarbuttons.css | 12 +++++++++--- chrome/minimal_toolbarbuttons_v2.css | 12 +++++++++--- chrome/minimal_toolbarbuttons_v3.css | 13 +++++++++---- 3 files changed, 27 insertions(+), 10 deletions(-) diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css index c11a12d..8b3a7a3 100644 --- a/chrome/minimal_toolbarbuttons.css +++ b/chrome/minimal_toolbarbuttons.css @@ -38,6 +38,12 @@ toolbar:hover .toolbarbutton-1 > *, /* Lets remove that as well as border since this is minimal style anyway */ #PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } -/* Add a glow-effect to menu-button when it has some "alert" */ -#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } -#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } +/* Add a glow-effect to some buttons when it has some "alert" */ +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status], +#navigator-toolbox:not(:hover) #downloads-button[attention]{ + filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange); +} +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"], +#navigator-toolbox:not(:hover) #downloads-button[attention="success"]{ + filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan); +} \ No newline at end of file diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css index 70dbba7..de98d90 100644 --- a/chrome/minimal_toolbarbuttons_v2.css +++ b/chrome/minimal_toolbarbuttons_v2.css @@ -49,6 +49,12 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, /* Lets remove that as well as border since this is minimal style anyway */ #PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } -/* Add a glow-effect to menu-button when it has some "alert" */ -#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } -#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } +/* Add a glow-effect to some buttons when it has some "alert" */ +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status], +#navigator-toolbox:not(:hover) #downloads-button[attention]{ + filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange); +} +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"], +#navigator-toolbox:not(:hover) #downloads-button[attention="success"]{ + filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan); +} \ No newline at end of file diff --git a/chrome/minimal_toolbarbuttons_v3.css b/chrome/minimal_toolbarbuttons_v3.css index 958289b..31b9377 100644 --- a/chrome/minimal_toolbarbuttons_v3.css +++ b/chrome/minimal_toolbarbuttons_v3.css @@ -51,7 +51,12 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, /* Lets remove that as well as border since this is minimal style anyway */ #PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } -/* Add a glow-effect to menu-button when it has some "alert" */ -#PanelUI-button:not(:hover) > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } - -#PanelUI-button:not(:hover) > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } +/* Add a glow-effect to some buttons when it has some "alert" */ +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status], +#navigator-toolbox:not(:hover) #downloads-button[attention]{ + filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange); +} +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"], +#navigator-toolbox:not(:hover) #downloads-button[attention="success"]{ + filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan); +} \ No newline at end of file