Working on smarter overflow indicator

henrovnix_ok/assets/conf/desktop/waybar/style.css

@@ -34,7 +34,7 @@ window#waybar {
     min-width: 80px;
     background-color: transparent;
     color: @text;
-    border: 1px solid @inactive;
+    border: 2px solid @inactive;
     border-radius: 10px;
 }
 
@@ -159,3 +159,58 @@ window#waybar {
 #custom-notifications.unread {
     color: @yellow;
 }
+
+/* =========================================================
+ * Hyprscroll overflow indicator (custom/hyprscroll_overflow)
+ * States: .ok, .overflow, .error
+ * ========================================================= */
+
+/* Default (no overflow): subtle pill, still hoverable for tooltip */
+#custom-hyprscroll_overflow.ok {
+    padding: 0px 1px;
+    min-width: 80px;
+    color: @subtext1;
+    border-radius: 10px;
+
+    /* subtle outline so you know it's there */
+    border: 1px solid rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.03);
+}
+
+/* Make it feel interactive (hover) */
+#custom-hyprscroll_overflow.ok:hover {
+    color: @text;
+    background-color: @surface1;
+    border: 1px solid rgba(255, 255, 255, 0.18);
+}
+
+/* Overflow state: you already have this; keep it.
+   Optional: add hover tweak so it "pops" a bit. */
+#custom-hyprscroll_overflow.overflow:hover {
+    background:
+        linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1))
+            padding-box,
+        linear-gradient(45deg, @blue, @green) border-box;
+}
+
+/* Error state: clear but not screaming */
+#custom-hyprscroll_overflow.error {
+    padding: 0px 1px;
+    min-width: 80px;
+    color: @text;
+    border-radius: 10px;
+
+    border: 1px solid rgba(255, 0, 0, 0.55);
+    background: rgba(255, 0, 0, 0.15);
+    font-weight: bold;
+}
+
+/* Optional: if you keep .hidden in the script for any reason */
+#custom-hyprscroll_overflow.hidden {
+    padding: 0;
+    margin: 0;
+    min-width: 0;
+    border: 0;
+    background: transparent;
+    opacity: 0;
+}