Added indictaor for hyprscroll

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

@@ -1,6 +1,12 @@
 * {
-font-family: Aporetic Sans Mono, Iosevka Nerd Font, Roboto, Helvetica, Arial, sans-serif;
-font-size: 13px;
+    font-family:
+        Aporetic Sans Mono,
+        Iosevka Nerd Font,
+        Roboto,
+        Helvetica,
+        Arial,
+        sans-serif;
+    font-size: 13px;
 }
 
 window#waybar {
@@ -8,26 +14,26 @@ window#waybar {
     color: @text;
     transition-property: background-color;
     border-bottom: 0px solid rgba(0, 0, 0, 0);
-    transition-duration: .5s;
+    transition-duration: 0.5s;
 }
 
 #workspaces button {
-padding: 0 5px;
-background-color: transparent;
-border: none;
-border-radius: 0;
-color: @text;
+    padding: 0 5px;
+    background-color: transparent;
+    border: none;
+    border-radius: 0;
+    color: @text;
 }
 
 #workspaces button:hover {
-background: @surface1;
-color: @text;
+    background: @surface1;
+    color: @text;
 }
 
 #workspaces button.active {
-background-color: @green;
-color: @base;
-box-shadow: inset 0 -3px @subtext1;
+    background-color: @green;
+    color: @base;
+    box-shadow: inset 0 -3px @subtext1;
 }
 
 #clock,
@@ -39,16 +45,16 @@ box-shadow: inset 0 -3px @subtext1;
 #network,
 #pulseaudio,
 #tray {
-margin: 0 5px;
-padding: 0 2px;
+    margin: 0 5px;
+    padding: 0 2px;
 }
 
 #idle_inhibitor.activated {
-background-color: @green;
+    background-color: @green;
 }
 
 #battery.charging {
-color: @green;
+    color: @green;
 }
 
 @keyframes blink {
@@ -59,17 +65,17 @@ color: @green;
 }
 
 #battery.warning:not(.charging) {
-color: white;
-animation-name: blink;
-animation-duration: 0.5s;
-animation-timing-function: linear;
-animation-iteration-count: infinite;
-animation-direction: alternate;
+    color: white;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
 }
 
 #window,
 #workspaces {
-margin: 0 4px;
+    margin: 0 4px;
 }
 
 .modules-left > widget:first-child > #workspaces {
@@ -81,9 +87,13 @@ margin: 0 4px;
 }
 
 #network.disconnected {
-background-color: @red;
+    background-color: @red;
 }
 
 #temperature.critical {
-background-color: @red;
+    background-color: @red;
+}
+
+#custom-hyprscroll_overflow.overflow {
+    font-weight: bold;
 }