diff --git a/henrovnix_ok/assets/conf/desktop/waybar/style.css b/henrovnix_ok/assets/conf/desktop/waybar/style.css index 8b9ac59c9..ed4240fb0 100644 --- a/henrovnix_ok/assets/conf/desktop/waybar/style.css +++ b/henrovnix_ok/assets/conf/desktop/waybar/style.css @@ -67,6 +67,36 @@ window#waybar { 0 0 12px rgba(0, 255, 153, 0.18); } +/* --- Hyprscroll overflow indicator --- */ +#custom-hyprscroll_overflow.overflow { + padding: 0px 4px; + padding-right: 10px; + min-width: 80px; + color: @text; + border-radius: 15px; + font-weight: bold; + + /* EXACT match: border color == background color */ + background-color: @active_fill; + border: 2px solid @active_fill; + + /* Same "gradient feel" as active workspace */ + box-shadow: + 0 0 0 1px rgba(51, 204, 255, 0.55), + 0 0 0 2px rgba(0, 255, 153, 0.4), + 0 0 10px rgba(51, 204, 255, 0.18), + 0 0 10px rgba(0, 255, 153, 0.14); +} + +#custom-hyprscroll_overflow.overflow:hover { + box-shadow: + 0 0 0 1px rgba(51, 204, 255, 0.65), + 0 0 0 2px rgba(0, 255, 153, 0.48), + 0 0 12px rgba(51, 204, 255, 0.22), + 0 0 12px rgba(0, 255, 153, 0.18); + padding-right: 10px; +} + /* --- Notifications icon --- */ #custom-notifications { margin: 0 4px; @@ -118,31 +148,3 @@ window#waybar { #temperature.critical { background-color: @red; } - -/* --- Hyprscroll overflow indicator --- */ -#custom-hyprscroll_overflow.overflow { - padding: 0px 6px; - min-width: 80px; - color: @text; - border-radius: 15px; - font-weight: bold; - - /* EXACT match: border color == background color */ - background-color: @active_fill; - border: 2px solid @active_fill; - - /* Same "gradient feel" as active workspace */ - box-shadow: - 0 0 0 1px rgba(51, 204, 255, 0.55), - 0 0 0 2px rgba(0, 255, 153, 0.4), - 0 0 10px rgba(51, 204, 255, 0.18), - 0 0 10px rgba(0, 255, 153, 0.14); -} - -#custom-hyprscroll_overflow.overflow:hover { - box-shadow: - 0 0 0 1px rgba(51, 204, 255, 0.65), - 0 0 0 2px rgba(0, 255, 153, 0.48), - 0 0 12px rgba(51, 204, 255, 0.22), - 0 0 12px rgba(0, 255, 153, 0.18); -}