yeah this should be ok

12 files changed, 103 insertions, 11 deletions

diff --git a/assets/rofi/themes/KooL_LonerOrZ.rasi b/assets/rofi/themes/KooL_LonerOrZ.rasi
index 4ad64054..5afd1f6b 100644
--- a/assets/rofi/themes/KooL_LonerOrZ.rasi
+++ b/assets/rofi/themes/KooL_LonerOrZ.rasi
@@ -103,6 +103,16 @@ listview {
     layout:                         vertical;
 }
 
+/* ---- Scrollbar ---- */
+scrollbar {
+  border:							0px;
+  border-radius:					10px;
+  background-color:					transparent;
+  handle-color: 					@BDR;
+  handle-width: 					5px ;
+  padding:      					0;
+}
+
 mainbox {
     background-color:               @BG;
     children:                       [ inputbar, message, listview ];
diff --git a/assets/rofi/themes/KooL_style-10-Fancy-v2.rasi b/assets/rofi/themes/KooL_style-10-Fancy-v2.rasi
index 845cc5f2..3e4a55c7 100644
--- a/assets/rofi/themes/KooL_style-10-Fancy-v2.rasi
+++ b/assets/rofi/themes/KooL_style-10-Fancy-v2.rasi
@@ -1,3 +1,7 @@
+/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
+/* KooL Hyprland Rofi Style 10 - Fancy v2 */
+/* Credit to DaveDavenport & Rasmus Steinke */
+
 /**
  * Edited by: Dave Davenport
  * User: Rasi
@@ -63,10 +67,14 @@ listview {
     color             : #000000;
     spacing           : 0.3em;
 }
+/* ---- Scrollbar ---- */
 scrollbar {
-    color: @black;
-    background-color: @blue;
-    padding: 1px;
+  border:			1px;
+  border-radius:	10px;
+  background-color:	@blue;
+  handle-color: 	@orange;
+  handle-width: 	5px ;
+  padding:      	0;
 }
 element {
     border: 0px;
diff --git a/assets/rofi/themes/KooL_style-10-Fancy.rasi b/assets/rofi/themes/KooL_style-10-Fancy.rasi
index f5dc79e4..b503f549 100644
--- a/assets/rofi/themes/KooL_style-10-Fancy.rasi
+++ b/assets/rofi/themes/KooL_style-10-Fancy.rasi
@@ -220,11 +220,14 @@ element.alternate.active {
     background-color: @alternate-active-background;
     text-color:       @alternate-active-foreground;
 }
+/* ---- Scrollbar ---- */
 scrollbar {
-    width:        4px ;
-    border:       0;
-    handle-width: 8px ;
-    padding:      0;
+  border:			1px;
+  border-radius:	10px;
+  background-color:	@selected-normal-background;
+  handle-color: 	@separatorcolor;
+  handle-width: 	5px ;
+  padding:      	0;
 }
 sidebar {
     border:       2px 0px 0px ;
diff --git a/assets/rofi/themes/KooL_style-11-Win11-list-dark.rasi b/assets/rofi/themes/KooL_style-11-Win11-list-dark.rasi
index 9dede9f8..229a5297 100644
--- a/assets/rofi/themes/KooL_style-11-Win11-list-dark.rasi
+++ b/assets/rofi/themes/KooL_style-11-Win11-list-dark.rasi
@@ -126,6 +126,16 @@ element-text {
   text-color: inherit;
 }
 
+/* ---- Scrollbar ---- */
+scrollbar {
+  border:			1px;
+  border-radius:	10px;
+  background-color:	inherit;
+  handle-color: 	@accent;
+  handle-width: 	5px ;
+  padding:      	0;
+}
+
 /*****----- Message -----*****/
 error-message {
   padding: 20px;
diff --git a/assets/rofi/themes/KooL_style-11-Win11-list-light.rasi b/assets/rofi/themes/KooL_style-11-Win11-list-light.rasi
index e6437b29..8d5082e6 100644
--- a/assets/rofi/themes/KooL_style-11-Win11-list-light.rasi
+++ b/assets/rofi/themes/KooL_style-11-Win11-list-light.rasi
@@ -126,6 +126,16 @@ element-text {
   text-color: inherit;
 }
 
+/* ---- Scrollbar ---- */
+scrollbar {
+  border:			1px;
+  border-radius:	10px;
+  background-color:	inherit;
+  handle-color: 	@accent;
+  handle-width: 	5px ;
+  padding:      	0;
+}
+
 /*****----- Message -----*****/
 error-message {
   padding: 20px;
diff --git a/assets/rofi/themes/KooL_style-12-TOP-Docu.rasi b/assets/rofi/themes/KooL_style-12-TOP-Docu.rasi
index 85cabae6..55fbb0b7 100644
--- a/assets/rofi/themes/KooL_style-12-TOP-Docu.rasi
+++ b/assets/rofi/themes/KooL_style-12-TOP-Docu.rasi
@@ -128,6 +128,15 @@ element-text {
     cursor: inherit;
 }
 
+/* ---- Scrollbar ---- */
+scrollbar {
+    border-radius:				10px;
+    background-color: 			transparent;
+    handle-color: 				darkgrey;
+    handle-width: 				5px ;
+    padding:      				0;
+}
+
 /* ---- Message ---- */
 message {
     background-color:            transparent;
diff --git a/assets/rofi/themes/KooL_style-2-Dark.rasi b/assets/rofi/themes/KooL_style-2-Dark.rasi
index 5c8381f7..73c3eee7 100644
--- a/assets/rofi/themes/KooL_style-2-Dark.rasi
+++ b/assets/rofi/themes/KooL_style-2-Dark.rasi
@@ -104,6 +104,16 @@ listview {
     cursor:                      "default";
 }
 
+/* ---- Scrollbar ---- */
+scrollbar {
+  border:						1px;
+  border-radius:				10px;
+  background-color:				inherit;
+  handle-color: 				#719DF9;
+  handle-width: 				5px ;
+  padding:      				0;
+}
+
 /*****----- Elements -----*****/
 element {
     enabled:                     true;
diff --git a/assets/rofi/themes/KooL_style-2-Light.rasi b/assets/rofi/themes/KooL_style-2-Light.rasi
index 08b58d15..29ea7188 100644
--- a/assets/rofi/themes/KooL_style-2-Light.rasi
+++ b/assets/rofi/themes/KooL_style-2-Light.rasi
@@ -104,6 +104,16 @@ listview {
     cursor:                      "default";
 }
 
+/* ---- Scrollbar ---- */
+scrollbar {
+  border:						0px;
+  border-radius:				10px;
+  background-color:				transparent;
+  handle-color: 				gray/50%;
+  handle-width: 				5px ;
+  padding:      				0;
+}
+
 /*****----- Elements -----*****/
 element {
     enabled:                     true;
diff --git a/assets/rofi/themes/KooL_style-5.rasi b/assets/rofi/themes/KooL_style-5.rasi
index 135c6ba0..8609dcaf 100644
--- a/assets/rofi/themes/KooL_style-5.rasi
+++ b/assets/rofi/themes/KooL_style-5.rasi
@@ -144,7 +144,7 @@ button {
 }
 
 button selected {
-    background-color:          @color12;
+    background-color:          @selected;
     text-color:                @foreground;
     border:                    1px;
     border-color:              transparent;
@@ -170,6 +170,16 @@ listview {
 	border:						0px;
 }
 
+/* ---- Scrollbar ---- */
+scrollbar {
+  border:						0px;
+  border-radius:				10px;
+  background-color:				transparent;
+  handle-color: 				@active;
+  handle-width: 				5px ;
+  padding:      				0;
+}
+
 /* ---- Element ---- */
 element {
     enabled:                    true;
@@ -197,7 +207,7 @@ element normal.active {
 }
 
 element selected.normal {
-    background-color:           @color11;
+    background-color:           @active;
     text-color:                 inherit;
 }
 
diff --git a/assets/rofi/themes/KooL_style-6.rasi b/assets/rofi/themes/KooL_style-6.rasi
index bdc1b12d..369c0854 100644
--- a/assets/rofi/themes/KooL_style-6.rasi
+++ b/assets/rofi/themes/KooL_style-6.rasi
@@ -121,6 +121,15 @@ listview {
     border:                      0px;
 }
 
+/* ---- Scrollbar ---- */
+scrollbar {
+  border:						0px;
+  border-radius:				10px;
+  background-color:				transparent;
+  handle-color: 				@active;
+  handle-width: 				5px ;
+  padding:      				0;
+}
 /* ---- Dummy ---- */
 dummy {
     expand:                      true;
@@ -142,7 +151,7 @@ button {
     cursor:                      pointer;
 }
 button selected {
-    background-color:            @color11;
+    background-color:            @active;
     text-color:                  @text-selected;
 }
 
diff --git a/config/rofi/config-emoji.rasi b/config/rofi/config-emoji.rasi
index aa407999..c107bdc3 100644
--- a/config/rofi/config-emoji.rasi
+++ b/config/rofi/config-emoji.rasi
@@ -18,9 +18,10 @@ entry {
 
 /* ---- Listview ---- */
 listview {
-  columns: 1;
+  columns: 2;
   lines: 8;
   fixed-height: false;
+  scrollbar: true;
 }
 
 /* ---- Elements ---- */
diff --git a/config/rofi/config-rofi-theme.rasi b/config/rofi/config-rofi-theme.rasi
index 531a2c2c..14f1f971 100644
--- a/config/rofi/config-rofi-theme.rasi
+++ b/config/rofi/config-rofi-theme.rasi
@@ -20,6 +20,7 @@ listview {
     columns: 2;
     lines: 8;
     fixed-height: false;
+    scrollbar: true;
 }
 
 /* ---- Entry input ---- */
@@ -41,3 +42,4 @@ element-text {
     horizontal-align: 0.0;
     margin: 5px 30px 5px 30px;
 }
+