Semi transparent rofi theme. See wiki changelogs

22 files changed, 710 insertions, 1008 deletions

diff --git a/config/rofi/config-compact.rasi b/config/rofi/config-compact.rasi
index a6c2e2de..539a1830 100644
--- a/config/rofi/config-compact.rasi
+++ b/config/rofi/config-compact.rasi
@@ -1,5 +1,6 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (long) */
+/* Main Config compact */
+
 /* ---- Configuration ---- */
 configuration {
     modi:                       "drun,run";
@@ -15,6 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -26,48 +28,49 @@ window {
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
     border:                     2px;
-    border-color:               @background;
+    border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
-    orientation:                vertical;
-    spacing:                    0px;
-    margin:                     0px;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", both);
-    children:                   [ "listbox" ];
-    border-radius:              10px;
+    orientation:                horizontal;
+	padding:					15px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    6px;
-    background-color:      transparent;
+    background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
     orientation:                vertical;
-    children:                   [ "inputbar", "message", "listview" ];
+    children:                   [ "listview" ];
     border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -78,81 +81,58 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@background;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        "";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Search";
+    placeholder:                "View / Edit Hyprland Configs";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
-}
-
-button selected {
-    background-color:           @selected-normal-background;
-    text-color:                 @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      7;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  false;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    2px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					 true;
+	columns:					 1;
+	lines:						 7;
+	spacing:                     4px;
+	dynamic:                     true;
+	cycle:                       true;
+	scrollbar:                   false;
+	layout:                      vertical;
+	reverse:                     false;
+	fixed-height:                true;
+	fixed-columns:               false;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
 element {
     enabled:                    true;
-    padding:                    2px;
+    padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           transparent;
+    background-color:         	transparent;
     border-radius:              10px;
+    border:                     0px;
 }
 
 element normal.normal {
@@ -217,27 +197,20 @@ element-text {
 
 /*****----- Message -----*****/
 message {
-    background-color:           transparent;
-    border:						0px;
+    background-color:           @background;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
-    padding:                    6px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           transparent;
+    padding:                    15px;
+    background-color:      @background;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 error-message {
-    padding:                    6px;
-    border-radius:              20px;
-    background-color:           @background;
+    padding:                    15px;
+    border-radius:            20px;
+    background-color:      @background;
     text-color:                 @foreground;
 }
diff --git a/config/rofi/config-long.rasi b/config/rofi/config-long.rasi
index 2a367a4e..8d5391fc 100644
--- a/config/rofi/config-long.rasi
+++ b/config/rofi/config-long.rasi
@@ -26,51 +26,47 @@ window {
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
     border:                     2px;
-    border-color:               @background;
+    border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                vertical;
-    spacing:                    0px;
-    margin:                     0px;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", width);
-    children:                   [ "listbox" ];
-    border-radius:              10px;
+	padding:					15px;
+    background-image:    		url("~/.config/rofi/.current_wallpaper", height);
+    children:                   [ "imagebox" ];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    6px;
-    background-color:      transparent;
+    background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
     orientation:                vertical;
-    children:                   [ "inputbar", "message", "listview" ];
+    children:                   [ "listview" ];
     border-radius:              10px;
-}
-/* ---- Dummy ---- */
-dummy {
-    background-color:           transparent;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 
 /* ---- Inputbar ---- */
@@ -78,11 +74,13 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@background;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
@@ -90,59 +88,33 @@ textbox-prompt-colon {
     expand:                     false;
     str:                        "🔎 ";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
     placeholder:                "Search";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
     background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
-}
-
-button selected {
-    background-color:           @selected-normal-background;
-    text-color:                 @foreground;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      15;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    2px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					 true;
+	columns:					 1;
+	lines:						 15;
+	spacing:                     4px;
+	dynamic:                     true;
+	cycle:                       true;
+	scrollbar:                   false;
+	layout:                      vertical;
+	reverse:                     false;
+	fixed-height:                true;
+	fixed-columns:               false;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
diff --git a/config/rofi/config-rofi-Beats.rasi b/config/rofi/config-rofi-Beats.rasi
index 70e1467e..3016c658 100644
--- a/config/rofi/config-rofi-Beats.rasi
+++ b/config/rofi/config-rofi-Beats.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (main)*/
+/* Main Config compact */
 
 /* ---- Configuration ---- */
 configuration {
@@ -16,7 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
-    
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -24,49 +24,53 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						35%;
+    width:						20%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", both);
-    children:                   [ "imagebox", "listbox" ];
-    border-radius:              10px;
+	padding:					15px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
     border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -77,54 +81,37 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @backrgound;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"📻";
+    str:                        "📻";
     text-color:                 inherit;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose Online Music";
+    placeholder:                "Choose Online Music Station";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    10px;
-    background-color:          transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:             10px;
-    background-color:          @background;
-    text-color:                inherit;
-    cursor:                    pointer;
-}
-
-button selected {
-    background-color:          @selected-normal-background;
-    text-color:                @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-	enabled:						true;
-	columns:						1;
-	lines:								8;
+	enabled:					 true;
+	columns:					 1;
+	lines:						 7;
 	spacing:                     4px;
 	dynamic:                     true;
 	cycle:                       true;
@@ -133,8 +120,8 @@ listview {
 	reverse:                     false;
 	fixed-height:                true;
 	fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
diff --git a/config/rofi/config-wallpaper.rasi b/config/rofi/config-wallpaper.rasi
index a55cdafa..036397c3 100644
--- a/config/rofi/config-wallpaper.rasi
+++ b/config/rofi/config-wallpaper.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config wallpaper*/
+/* Main Config wallpaper */
 
 /* ---- Configuration ---- */
 configuration {
@@ -16,7 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
-    
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -24,48 +24,53 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						40%;
+    width:						34%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", both);
-    children:                   [ "imagebox", "listbox" ];
-	border-radius:              10px;
+	padding:					15px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", width);
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
+    border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -76,66 +81,47 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @backrgound;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"󰸉 ";
+    str:                        "󰸉 ";
     text-color:                 inherit;
-	background-color:		    transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose Desired wallpaper";
+    placeholder:                "Choose Wallpaper";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:             10px;
-    background-color:          transparent;
-    text-color:                inherit;
-    cursor:                    pointer;
-}
-
-button selected {
-    background-color:          @selected-normal-background;
-    text-color:                @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                   true;
-    columns:                   1;
-    lines:                     8;
-  spacing:                     4px;
-  dynamic:                     true;
-  cycle:                       true;
-  scrollbar:                   true;
-  layout:                      vertical;
-  reverse:                     false;
-  fixed-height:                true;
-  fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					 true;
+	columns:					 2;
+	lines:						 5;
+	spacing:                     4px;
+	dynamic:                     true;
+	cycle:                       true;
+	scrollbar:                   true;
+	layout:                      vertical;
+	reverse:                     false;
+	fixed-height:                true;
+	fixed-columns:               false;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
@@ -144,7 +130,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           transparent;
+    background-color:         transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -211,14 +197,14 @@ element-text {
 
 /*****----- Message -----*****/
 message {
-    background-color:           transparent;
+    background-color:           @background;
     margin:						20px 0px 0px 0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    background-color:      transparent;
+    background-color:      @background;
     text-color:                 @foreground;
 }
 
diff --git a/config/rofi/config-waybar-layout.rasi b/config/rofi/config-waybar-layout.rasi
index 0ac60e90..390a9eb2 100644
--- a/config/rofi/config-waybar-layout.rasi
+++ b/config/rofi/config-waybar-layout.rasi
@@ -28,41 +28,44 @@ window {
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", height);
+	padding:					15px;
+    background-image:    		url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
-    border-radius:              10px;
+    border-radius:              12px;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:      transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "dummy"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
+    border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 /* ---- Dummy ---- */
 dummy {
@@ -77,63 +80,44 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@backrgound;
+	background-color:			@backrgound90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"🔎 ";
+    str:                        " ";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:      transparent;
-    text-color:                  inherit;
-    cursor:                       text;
+    background-color:      		transparent;
+    text-color:                 inherit;
+    cursor:                     text;
     placeholder:                "Choose Waybar Layout";
     placeholder-color:          inherit;
 }
 
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:           10px;
-    background-color:     transparent;
-    text-color:                 inherit;
-    cursor:                     pointer;
-}
-
-button selected {
-    background-color:     @selected-normal-background;
-    text-color:                 @foreground;
-}
-
 /* ---- Listview ---- */
 listview {
     enabled:                    true;
     columns:                    1;
     lines:                      16;
-  spacing:                      4px;
-  dynamic:                     true;
-  cycle:                      true;
-  scrollbar:                  true;
-  layout:                     vertical;
-  reverse:                    false;
-  fixed-height:               true;
-  fixed-columns:              false;
-	background-color:            @background;
-	border-radius:             10px;
+  	spacing:                    4px;
+  	dynamic:                    true;
+  	cycle:                      true;
+  	scrollbar:                  true;
+  	layout:                     vertical;
+  	reverse:                    false;
+  	fixed-height:               true;
+  	fixed-columns:              false;
+	background-color:            transparent;
+	border-radius:             	10px;
 }
 
 /* ---- Element ---- */
diff --git a/config/rofi/config-waybar-style.rasi b/config/rofi/config-waybar-style.rasi
index 741d21f1..74a58bf4 100644
--- a/config/rofi/config-waybar-style.rasi
+++ b/config/rofi/config-waybar-style.rasi
@@ -28,41 +28,44 @@ window {
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", height);
+	padding:					15px;
+    background-image:    		url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
-	border-radius:              10px;
+    border-radius:              12px;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    background-color:      transparent;
+    background-color:      		transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "dummy"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
+    border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 /* ---- Dummy ---- */
 dummy {
@@ -77,48 +80,29 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@backrgound;
+	background-color:			@background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"🔎 ";
+    str:                        "󰮫 ";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:      transparent;
-    text-color:                  inherit;
-    cursor:                       text;
+    background-color:      		transparent;
+    text-color:                 inherit;
+    cursor:                     text;
     placeholder:                "Choose Waybar Style";
     placeholder-color:          inherit;
 }
 
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:           10px;
-    background-color:     transparent;
-    text-color:                 inherit;
-    cursor:                     pointer;
-}
-
-button selected {
-    background-color:     @selected-normal-background;
-    text-color:                 @foreground;
-}
-
 /* ---- Listview ---- */
 listview {
     enabled:                    true;
@@ -132,7 +116,7 @@ listview {
   reverse:                    false;
   fixed-height:               true;
   fixed-columns:              false;
-	background-color:            @background;
+	background-color:            transparent;
 	border-radius:             10px;
 }
 
diff --git a/config/rofi/config.rasi b/config/rofi/config.rasi
index d9823e96..255df164 100644
--- a/config/rofi/config.rasi
+++ b/config/rofi/config.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (main) */
+/* Main Config (main) - mine */
 
 /* ---- Configuration ---- */
 configuration {
@@ -28,26 +28,25 @@ window {
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    2px;
+    padding:                    1px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", both);
+	padding:					14px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
     border-radius:              10px;
 }
@@ -62,10 +61,12 @@ imagebox {
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
     border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 
 /* ---- Dummy ---- */
@@ -81,15 +82,18 @@ inputbar {
     padding:                    10px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @background;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"🔎";
+    str:                        "🐧";
     text-color:                 inherit;
+	background-color:			transparent;
 }
 
 entry {
@@ -98,44 +102,50 @@ entry {
     cursor:                     text;
     placeholder:                "Search";
     placeholder-color:          inherit;
+	background-color:			transparent;
 }
 
 /* ---- Mode Switcher ---- */
 mode-switcher{
     enabled:                    true;
     spacing:                    10px;
-    background-color:          transparent;
+    background-color:          	transparent;
     text-color:                 @foreground;
 }
 
 button {
     padding:                   10px;
     border-radius:             10px;
-    background-color:          @background;
+    background-color:          @background90;
     text-color:                inherit;
     cursor:                    pointer;
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 button selected {
     background-color:          @selected-normal-background;
     text-color:                @foreground;
+    border:                    1px;
+    border-color:              @background;
+	
 }
 
 /* ---- Listview ---- */
 listview {
-	enabled:						true;
-	columns:						1;
-	lines:								7;
-	spacing:                     4px;
-	dynamic:                     true;
-	cycle:                       true;
-	scrollbar:                   false;
-	layout:                      vertical;
-	reverse:                     false;
-	fixed-height:                true;
-	fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					true;
+	columns:					1;
+	lines:						9;
+	spacing:                    4px;
+	dynamic:                    true;
+	cycle:                      true;
+	scrollbar:                  false;
+	layout:                     vertical;
+	reverse:                    false;
+	fixed-height:               true;
+	fixed-columns:              false;
+	background-color:           transparent;
+	border-radius:   	        10px;
 }
 
 /* ---- Element ---- */
@@ -144,7 +154,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:         transparent;
+    background-color:         	transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -218,13 +228,13 @@ message {
 
 textbox {
     padding:                    15px;
-    background-color:      @background;
+    background-color:      		@background;
     text-color:                 @foreground;
 }
 
 error-message {
     padding:                    15px;
-    border-radius:            20px;
-    background-color:      @background;
+    border-radius:            	20px;
+    background-color:      		@background;
     text-color:                 @foreground;
 }
diff --git a/config/rofi/pywal-color/pywal-theme.rasi b/config/rofi/pywal-color/pywal-theme.rasi
index e729892e..b7d485d8 100644
--- a/config/rofi/pywal-color/pywal-theme.rasi
+++ b/config/rofi/pywal-color/pywal-theme.rasi
@@ -1 +1 @@
-For symlink. DO NOT DELETE
\ No newline at end of file
+This is only for symlink
\ No newline at end of file
diff --git a/config/rofi/resolution/1080p/config-compact.rasi b/config/rofi/resolution/1080p/config-compact.rasi
index a6c2e2de..539a1830 100644
--- a/config/rofi/resolution/1080p/config-compact.rasi
+++ b/config/rofi/resolution/1080p/config-compact.rasi
@@ -1,5 +1,6 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (long) */
+/* Main Config compact */
+
 /* ---- Configuration ---- */
 configuration {
     modi:                       "drun,run";
@@ -15,6 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -26,48 +28,49 @@ window {
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
     border:                     2px;
-    border-color:               @background;
+    border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
-    orientation:                vertical;
-    spacing:                    0px;
-    margin:                     0px;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", both);
-    children:                   [ "listbox" ];
-    border-radius:              10px;
+    orientation:                horizontal;
+	padding:					15px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    6px;
-    background-color:      transparent;
+    background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
     orientation:                vertical;
-    children:                   [ "inputbar", "message", "listview" ];
+    children:                   [ "listview" ];
     border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -78,81 +81,58 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@background;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        "";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Search";
+    placeholder:                "View / Edit Hyprland Configs";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
-}
-
-button selected {
-    background-color:           @selected-normal-background;
-    text-color:                 @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      7;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  false;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    2px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					 true;
+	columns:					 1;
+	lines:						 7;
+	spacing:                     4px;
+	dynamic:                     true;
+	cycle:                       true;
+	scrollbar:                   false;
+	layout:                      vertical;
+	reverse:                     false;
+	fixed-height:                true;
+	fixed-columns:               false;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
 element {
     enabled:                    true;
-    padding:                    2px;
+    padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           transparent;
+    background-color:         	transparent;
     border-radius:              10px;
+    border:                     0px;
 }
 
 element normal.normal {
@@ -217,27 +197,20 @@ element-text {
 
 /*****----- Message -----*****/
 message {
-    background-color:           transparent;
-    border:						0px;
+    background-color:           @background;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
-    padding:                    6px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           transparent;
+    padding:                    15px;
+    background-color:      @background;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 error-message {
-    padding:                    6px;
-    border-radius:              20px;
-    background-color:           @background;
+    padding:                    15px;
+    border-radius:            20px;
+    background-color:      @background;
     text-color:                 @foreground;
 }
diff --git a/config/rofi/resolution/1080p/config-long.rasi b/config/rofi/resolution/1080p/config-long.rasi
index 2a367a4e..8d5391fc 100644
--- a/config/rofi/resolution/1080p/config-long.rasi
+++ b/config/rofi/resolution/1080p/config-long.rasi
@@ -26,51 +26,47 @@ window {
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
     border:                     2px;
-    border-color:               @background;
+    border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                vertical;
-    spacing:                    0px;
-    margin:                     0px;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", width);
-    children:                   [ "listbox" ];
-    border-radius:              10px;
+	padding:					15px;
+    background-image:    		url("~/.config/rofi/.current_wallpaper", height);
+    children:                   [ "imagebox" ];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    6px;
-    background-color:      transparent;
+    background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
     orientation:                vertical;
-    children:                   [ "inputbar", "message", "listview" ];
+    children:                   [ "listview" ];
     border-radius:              10px;
-}
-/* ---- Dummy ---- */
-dummy {
-    background-color:           transparent;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 
 /* ---- Inputbar ---- */
@@ -78,11 +74,13 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@background;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
@@ -90,59 +88,33 @@ textbox-prompt-colon {
     expand:                     false;
     str:                        "🔎 ";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
     placeholder:                "Search";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
     background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
-}
-
-button selected {
-    background-color:           @selected-normal-background;
-    text-color:                 @foreground;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      15;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    2px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					 true;
+	columns:					 1;
+	lines:						 15;
+	spacing:                     4px;
+	dynamic:                     true;
+	cycle:                       true;
+	scrollbar:                   false;
+	layout:                      vertical;
+	reverse:                     false;
+	fixed-height:                true;
+	fixed-columns:               false;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
diff --git a/config/rofi/resolution/1080p/config-rofi-Beats.rasi b/config/rofi/resolution/1080p/config-rofi-Beats.rasi
index 70e1467e..3016c658 100644
--- a/config/rofi/resolution/1080p/config-rofi-Beats.rasi
+++ b/config/rofi/resolution/1080p/config-rofi-Beats.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (main)*/
+/* Main Config compact */
 
 /* ---- Configuration ---- */
 configuration {
@@ -16,7 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
-    
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -24,49 +24,53 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						35%;
+    width:						20%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", both);
-    children:                   [ "imagebox", "listbox" ];
-    border-radius:              10px;
+	padding:					15px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
     border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -77,54 +81,37 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @backrgound;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"📻";
+    str:                        "📻";
     text-color:                 inherit;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose Online Music";
+    placeholder:                "Choose Online Music Station";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    10px;
-    background-color:          transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:             10px;
-    background-color:          @background;
-    text-color:                inherit;
-    cursor:                    pointer;
-}
-
-button selected {
-    background-color:          @selected-normal-background;
-    text-color:                @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-	enabled:						true;
-	columns:						1;
-	lines:								8;
+	enabled:					 true;
+	columns:					 1;
+	lines:						 7;
 	spacing:                     4px;
 	dynamic:                     true;
 	cycle:                       true;
@@ -133,8 +120,8 @@ listview {
 	reverse:                     false;
 	fixed-height:                true;
 	fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
diff --git a/config/rofi/resolution/1080p/config-wallpaper.rasi b/config/rofi/resolution/1080p/config-wallpaper.rasi
index a55cdafa..036397c3 100644
--- a/config/rofi/resolution/1080p/config-wallpaper.rasi
+++ b/config/rofi/resolution/1080p/config-wallpaper.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config wallpaper*/
+/* Main Config wallpaper */
 
 /* ---- Configuration ---- */
 configuration {
@@ -16,7 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
-    
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -24,48 +24,53 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						40%;
+    width:						34%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", both);
-    children:                   [ "imagebox", "listbox" ];
-	border-radius:              10px;
+	padding:					15px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", width);
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
+    border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -76,66 +81,47 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @backrgound;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"󰸉 ";
+    str:                        "󰸉 ";
     text-color:                 inherit;
-	background-color:		    transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose Desired wallpaper";
+    placeholder:                "Choose Wallpaper";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:             10px;
-    background-color:          transparent;
-    text-color:                inherit;
-    cursor:                    pointer;
-}
-
-button selected {
-    background-color:          @selected-normal-background;
-    text-color:                @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                   true;
-    columns:                   1;
-    lines:                     8;
-  spacing:                     4px;
-  dynamic:                     true;
-  cycle:                       true;
-  scrollbar:                   true;
-  layout:                      vertical;
-  reverse:                     false;
-  fixed-height:                true;
-  fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					 true;
+	columns:					 2;
+	lines:						 5;
+	spacing:                     4px;
+	dynamic:                     true;
+	cycle:                       true;
+	scrollbar:                   true;
+	layout:                      vertical;
+	reverse:                     false;
+	fixed-height:                true;
+	fixed-columns:               false;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
@@ -144,7 +130,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           transparent;
+    background-color:         transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -211,14 +197,14 @@ element-text {
 
 /*****----- Message -----*****/
 message {
-    background-color:           transparent;
+    background-color:           @background;
     margin:						20px 0px 0px 0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    background-color:      transparent;
+    background-color:      @background;
     text-color:                 @foreground;
 }
 
diff --git a/config/rofi/resolution/1080p/config-waybar-layout.rasi b/config/rofi/resolution/1080p/config-waybar-layout.rasi
index 0ac60e90..390a9eb2 100644
--- a/config/rofi/resolution/1080p/config-waybar-layout.rasi
+++ b/config/rofi/resolution/1080p/config-waybar-layout.rasi
@@ -28,41 +28,44 @@ window {
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", height);
+	padding:					15px;
+    background-image:    		url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
-    border-radius:              10px;
+    border-radius:              12px;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:      transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "dummy"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
+    border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 /* ---- Dummy ---- */
 dummy {
@@ -77,63 +80,44 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@backrgound;
+	background-color:			@backrgound90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"🔎 ";
+    str:                        " ";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:      transparent;
-    text-color:                  inherit;
-    cursor:                       text;
+    background-color:      		transparent;
+    text-color:                 inherit;
+    cursor:                     text;
     placeholder:                "Choose Waybar Layout";
     placeholder-color:          inherit;
 }
 
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:           10px;
-    background-color:     transparent;
-    text-color:                 inherit;
-    cursor:                     pointer;
-}
-
-button selected {
-    background-color:     @selected-normal-background;
-    text-color:                 @foreground;
-}
-
 /* ---- Listview ---- */
 listview {
     enabled:                    true;
     columns:                    1;
     lines:                      16;
-  spacing:                      4px;
-  dynamic:                     true;
-  cycle:                      true;
-  scrollbar:                  true;
-  layout:                     vertical;
-  reverse:                    false;
-  fixed-height:               true;
-  fixed-columns:              false;
-	background-color:            @background;
-	border-radius:             10px;
+  	spacing:                    4px;
+  	dynamic:                    true;
+  	cycle:                      true;
+  	scrollbar:                  true;
+  	layout:                     vertical;
+  	reverse:                    false;
+  	fixed-height:               true;
+  	fixed-columns:              false;
+	background-color:            transparent;
+	border-radius:             	10px;
 }
 
 /* ---- Element ---- */
diff --git a/config/rofi/resolution/1080p/config-waybar-style.rasi b/config/rofi/resolution/1080p/config-waybar-style.rasi
index 741d21f1..74a58bf4 100644
--- a/config/rofi/resolution/1080p/config-waybar-style.rasi
+++ b/config/rofi/resolution/1080p/config-waybar-style.rasi
@@ -28,41 +28,44 @@ window {
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", height);
+	padding:					15px;
+    background-image:    		url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
-	border-radius:              10px;
+    border-radius:              12px;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    background-color:      transparent;
+    background-color:      		transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "dummy"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
+    border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 /* ---- Dummy ---- */
 dummy {
@@ -77,48 +80,29 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@backrgound;
+	background-color:			@background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"🔎 ";
+    str:                        "󰮫 ";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:      transparent;
-    text-color:                  inherit;
-    cursor:                       text;
+    background-color:      		transparent;
+    text-color:                 inherit;
+    cursor:                     text;
     placeholder:                "Choose Waybar Style";
     placeholder-color:          inherit;
 }
 
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:           10px;
-    background-color:     transparent;
-    text-color:                 inherit;
-    cursor:                     pointer;
-}
-
-button selected {
-    background-color:     @selected-normal-background;
-    text-color:                 @foreground;
-}
-
 /* ---- Listview ---- */
 listview {
     enabled:                    true;
@@ -132,7 +116,7 @@ listview {
   reverse:                    false;
   fixed-height:               true;
   fixed-columns:              false;
-	background-color:            @background;
+	background-color:            transparent;
 	border-radius:             10px;
 }
 
diff --git a/config/rofi/resolution/1080p/config.rasi b/config/rofi/resolution/1080p/config.rasi
index d9823e96..255df164 100644
--- a/config/rofi/resolution/1080p/config.rasi
+++ b/config/rofi/resolution/1080p/config.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (main) */
+/* Main Config (main) - mine */
 
 /* ---- Configuration ---- */
 configuration {
@@ -28,26 +28,25 @@ window {
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    2px;
+    padding:                    1px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", both);
+	padding:					14px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
     border-radius:              10px;
 }
@@ -62,10 +61,12 @@ imagebox {
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
     border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 
 /* ---- Dummy ---- */
@@ -81,15 +82,18 @@ inputbar {
     padding:                    10px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @background;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"🔎";
+    str:                        "🐧";
     text-color:                 inherit;
+	background-color:			transparent;
 }
 
 entry {
@@ -98,44 +102,50 @@ entry {
     cursor:                     text;
     placeholder:                "Search";
     placeholder-color:          inherit;
+	background-color:			transparent;
 }
 
 /* ---- Mode Switcher ---- */
 mode-switcher{
     enabled:                    true;
     spacing:                    10px;
-    background-color:          transparent;
+    background-color:          	transparent;
     text-color:                 @foreground;
 }
 
 button {
     padding:                   10px;
     border-radius:             10px;
-    background-color:          @background;
+    background-color:          @background90;
     text-color:                inherit;
     cursor:                    pointer;
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 button selected {
     background-color:          @selected-normal-background;
     text-color:                @foreground;
+    border:                    1px;
+    border-color:              @background;
+	
 }
 
 /* ---- Listview ---- */
 listview {
-	enabled:						true;
-	columns:						1;
-	lines:								7;
-	spacing:                     4px;
-	dynamic:                     true;
-	cycle:                       true;
-	scrollbar:                   false;
-	layout:                      vertical;
-	reverse:                     false;
-	fixed-height:                true;
-	fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					true;
+	columns:					1;
+	lines:						9;
+	spacing:                    4px;
+	dynamic:                    true;
+	cycle:                      true;
+	scrollbar:                  false;
+	layout:                     vertical;
+	reverse:                    false;
+	fixed-height:               true;
+	fixed-columns:              false;
+	background-color:           transparent;
+	border-radius:   	        10px;
 }
 
 /* ---- Element ---- */
@@ -144,7 +154,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:         transparent;
+    background-color:         	transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -218,13 +228,13 @@ message {
 
 textbox {
     padding:                    15px;
-    background-color:      @background;
+    background-color:      		@background;
     text-color:                 @foreground;
 }
 
 error-message {
     padding:                    15px;
-    border-radius:            20px;
-    background-color:      @background;
+    border-radius:            	20px;
+    background-color:      		@background;
     text-color:                 @foreground;
 }
diff --git a/config/rofi/resolution/1440p/config-compact.rasi b/config/rofi/resolution/1440p/config-compact.rasi
index 02038e8a..125af899 100644
--- a/config/rofi/resolution/1440p/config-compact.rasi
+++ b/config/rofi/resolution/1440p/config-compact.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config Hyprland Settings*/
+/* Main Config compact */
 
 /* ---- Configuration ---- */
 configuration {
@@ -16,7 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
-    
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -24,49 +24,53 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						35%;
+    width:						20%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", width);
-    children:                   [ "imagebox", "listbox" ];
-    border-radius:              10px;
+	padding:					15px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
     border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -77,54 +81,37 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @backrgound;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"🔎";
+    str:                        "";
     text-color:                 inherit;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "View / Edit Hyprland Settings";
+    placeholder:                "View / Edit Hyprland Configs";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    10px;
-    background-color:          transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:             10px;
-    background-color:          @background;
-    text-color:                inherit;
-    cursor:                    pointer;
-}
-
-button selected {
-    background-color:          @selected-normal-background;
-    text-color:                @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-	enabled:						true;
-	columns:						1;
-	lines:								7;
+	enabled:					 true;
+	columns:					 1;
+	lines:						 7;
 	spacing:                     4px;
 	dynamic:                     true;
 	cycle:                       true;
@@ -133,8 +120,8 @@ listview {
 	reverse:                     false;
 	fixed-height:                true;
 	fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
@@ -143,7 +130,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:         transparent;
+    background-color:         	transparent;
     border-radius:              10px;
     border:                     0px;
 }
diff --git a/config/rofi/resolution/1440p/config-long.rasi b/config/rofi/resolution/1440p/config-long.rasi
index 39dd868e..05ea6839 100644
--- a/config/rofi/resolution/1440p/config-long.rasi
+++ b/config/rofi/resolution/1440p/config-long.rasi
@@ -26,51 +26,47 @@ window {
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
     border:                     2px;
-    border-color:               @background;
+    border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                vertical;
-    spacing:                    0px;
-    margin:                     0px;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", height);
-    children:                   [ "listbox" ];
-    border-radius:              10px;
+	padding:					15px;
+    background-image:    		url("~/.config/rofi/.current_wallpaper", height);
+    children:                   [ "imagebox" ];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    6px;
-    background-color:      transparent;
+    background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
     orientation:                vertical;
-    children:                   [ "inputbar", "message", "listview" ];
+    children:                   [ "listview" ];
     border-radius:              10px;
-}
-/* ---- Dummy ---- */
-dummy {
-    background-color:           transparent;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 
 /* ---- Inputbar ---- */
@@ -78,11 +74,13 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@background;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
@@ -90,59 +88,33 @@ textbox-prompt-colon {
     expand:                     false;
     str:                        "🔎 ";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
     placeholder:                "Search";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
     background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
-}
-
-button selected {
-    background-color:           @selected-normal-background;
-    text-color:                 @foreground;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      15;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    2px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					 true;
+	columns:					 1;
+	lines:						 15;
+	spacing:                     4px;
+	dynamic:                     true;
+	cycle:                       true;
+	scrollbar:                   false;
+	layout:                      vertical;
+	reverse:                     false;
+	fixed-height:                true;
+	fixed-columns:               false;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
diff --git a/config/rofi/resolution/1440p/config-rofi-Beats.rasi b/config/rofi/resolution/1440p/config-rofi-Beats.rasi
index cd6c4c5f..65a6296e 100644
--- a/config/rofi/resolution/1440p/config-rofi-Beats.rasi
+++ b/config/rofi/resolution/1440p/config-rofi-Beats.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (main)*/
+/* Main Config compact */
 
 /* ---- Configuration ---- */
 configuration {
@@ -16,7 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
-    
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -24,49 +24,53 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						35%;
+    width:						20%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", width);
-    children:                   [ "imagebox", "listbox" ];
-    border-radius:              10px;
+	padding:					15px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
     border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -77,54 +81,37 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @backrgound;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"📻";
+    str:                        "📻";
     text-color:                 inherit;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose Online Music";
+    placeholder:                "Choose Online Music Station";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    10px;
-    background-color:          transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:             10px;
-    background-color:          @background;
-    text-color:                inherit;
-    cursor:                    pointer;
-}
-
-button selected {
-    background-color:          @selected-normal-background;
-    text-color:                @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-	enabled:						true;
-	columns:						1;
-	lines:								9;
+	enabled:					 true;
+	columns:					 1;
+	lines:						 7;
 	spacing:                     4px;
 	dynamic:                     true;
 	cycle:                       true;
@@ -133,8 +120,8 @@ listview {
 	reverse:                     false;
 	fixed-height:                true;
 	fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
diff --git a/config/rofi/resolution/1440p/config-wallpaper.rasi b/config/rofi/resolution/1440p/config-wallpaper.rasi
index ba466282..21886afa 100644
--- a/config/rofi/resolution/1440p/config-wallpaper.rasi
+++ b/config/rofi/resolution/1440p/config-wallpaper.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config wallpaper*/
+/* Main Config wallpaper */
 
 /* ---- Configuration ---- */
 configuration {
@@ -16,7 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
-    
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -24,48 +24,53 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						40%;
+    width:						34%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
+	padding:					15px;
     background-image:           url("~/.config/rofi/.current_wallpaper", width);
-    children:                   [ "imagebox", "listbox" ];
-	border-radius:              10px;
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
+    border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -76,66 +81,47 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @backrgound;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"󰸉 ";
+    str:                        "󰸉 ";
     text-color:                 inherit;
-	background-color:		    transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose Desired wallpaper";
+    placeholder:                "Choose Wallpaper";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:             10px;
-    background-color:          transparent;
-    text-color:                inherit;
-    cursor:                    pointer;
-}
-
-button selected {
-    background-color:          @selected-normal-background;
-    text-color:                @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                   true;
-    columns:                   1;
-    lines:                     10;
-  spacing:                     4px;
-  dynamic:                     true;
-  cycle:                       true;
-  scrollbar:                   true;
-  layout:                      vertical;
-  reverse:                     false;
-  fixed-height:                true;
-  fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					 true;
+	columns:					 2;
+	lines:						 8;
+	spacing:                     4px;
+	dynamic:                     true;
+	cycle:                       true;
+	scrollbar:                   true;
+	layout:                      vertical;
+	reverse:                     false;
+	fixed-height:                true;
+	fixed-columns:               false;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
@@ -144,7 +130,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           transparent;
+    background-color:         transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -211,14 +197,14 @@ element-text {
 
 /*****----- Message -----*****/
 message {
-    background-color:           transparent;
+    background-color:           @background;
     margin:						20px 0px 0px 0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    background-color:      transparent;
+    background-color:      @background;
     text-color:                 @foreground;
 }
 
diff --git a/config/rofi/resolution/1440p/config-waybar-layout.rasi b/config/rofi/resolution/1440p/config-waybar-layout.rasi
index e9138600..2a6546ff 100644
--- a/config/rofi/resolution/1440p/config-waybar-layout.rasi
+++ b/config/rofi/resolution/1440p/config-waybar-layout.rasi
@@ -28,41 +28,44 @@ window {
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", height);
+	padding:					15px;
+    background-image:    		url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
-    border-radius:              10px;
+    border-radius:              12px;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:      transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "dummy"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
+    border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 /* ---- Dummy ---- */
 dummy {
@@ -77,63 +80,44 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@backrgound;
+	background-color:			@backrgound90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"🔎 ";
+    str:                        " ";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:      transparent;
-    text-color:                  inherit;
-    cursor:                       text;
+    background-color:      		transparent;
+    text-color:                 inherit;
+    cursor:                     text;
     placeholder:                "Choose Waybar Layout";
     placeholder-color:          inherit;
 }
 
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:           10px;
-    background-color:     transparent;
-    text-color:                 inherit;
-    cursor:                     pointer;
-}
-
-button selected {
-    background-color:     @selected-normal-background;
-    text-color:                 @foreground;
-}
-
 /* ---- Listview ---- */
 listview {
     enabled:                    true;
     columns:                    1;
     lines:                      16;
-  spacing:                      4px;
-  dynamic:                     true;
-  cycle:                      true;
-  scrollbar:                  true;
-  layout:                     vertical;
-  reverse:                    false;
-  fixed-height:               true;
-  fixed-columns:              false;
-	background-color:            @background;
-	border-radius:             10px;
+  	spacing:                    4px;
+  	dynamic:                    true;
+  	cycle:                      true;
+  	scrollbar:                  true;
+  	layout:                     vertical;
+  	reverse:                    false;
+  	fixed-height:               true;
+  	fixed-columns:              false;
+	background-color:            transparent;
+	border-radius:             	10px;
 }
 
 /* ---- Element ---- */
diff --git a/config/rofi/resolution/1440p/config-waybar-style.rasi b/config/rofi/resolution/1440p/config-waybar-style.rasi
index d2d032ac..59bbb4ba 100644
--- a/config/rofi/resolution/1440p/config-waybar-style.rasi
+++ b/config/rofi/resolution/1440p/config-waybar-style.rasi
@@ -28,41 +28,44 @@ window {
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", height);
+	padding:					15px;
+    background-image:    		url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
-	border-radius:              10px;
+    border-radius:              12px;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    background-color:      transparent;
+    background-color:      		transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "dummy"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
+    border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 /* ---- Dummy ---- */
 dummy {
@@ -77,48 +80,29 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@backrgound;
+	background-color:			@background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"🔎 ";
+    str:                        "󰮫 ";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:      transparent;
-    text-color:                  inherit;
-    cursor:                       text;
+    background-color:      		transparent;
+    text-color:                 inherit;
+    cursor:                     text;
     placeholder:                "Choose Waybar Style";
     placeholder-color:          inherit;
 }
 
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:           10px;
-    background-color:     transparent;
-    text-color:                 inherit;
-    cursor:                     pointer;
-}
-
-button selected {
-    background-color:     @selected-normal-background;
-    text-color:                 @foreground;
-}
-
 /* ---- Listview ---- */
 listview {
     enabled:                    true;
@@ -132,7 +116,7 @@ listview {
   reverse:                    false;
   fixed-height:               true;
   fixed-columns:              false;
-	background-color:            @background;
+	background-color:            transparent;
 	border-radius:             10px;
 }
 
diff --git a/config/rofi/resolution/1440p/config.rasi b/config/rofi/resolution/1440p/config.rasi
index dd997999..fa41a4cd 100644
--- a/config/rofi/resolution/1440p/config.rasi
+++ b/config/rofi/resolution/1440p/config.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (main) */
+/* Main Config (main) - mine */
 
 /* ---- Configuration ---- */
 configuration {
@@ -28,25 +28,24 @@ window {
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    2px;
+    padding:                    1px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
+	padding:					14px;
     background-image:           url("~/.config/rofi/.current_wallpaper", width);
     children:                   [ "imagebox", "listbox" ];
     border-radius:              10px;
@@ -62,10 +61,12 @@ imagebox {
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
     border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
 
 /* ---- Dummy ---- */
@@ -81,15 +82,18 @@ inputbar {
     padding:                    10px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @background;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"🔎";
+    str:                        "🐧";
     text-color:                 inherit;
+	background-color:			transparent;
 }
 
 entry {
@@ -98,44 +102,50 @@ entry {
     cursor:                     text;
     placeholder:                "Search";
     placeholder-color:          inherit;
+	background-color:			transparent;
 }
 
 /* ---- Mode Switcher ---- */
 mode-switcher{
     enabled:                    true;
     spacing:                    10px;
-    background-color:          transparent;
+    background-color:          	transparent;
     text-color:                 @foreground;
 }
 
 button {
     padding:                   10px;
     border-radius:             10px;
-    background-color:          @background;
+    background-color:          @background90;
     text-color:                inherit;
     cursor:                    pointer;
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 button selected {
     background-color:          @selected-normal-background;
     text-color:                @foreground;
+    border:                    1px;
+    border-color:              @background;
+	
 }
 
 /* ---- Listview ---- */
 listview {
-	enabled:						true;
-	columns:						1;
-	lines:								9;
-	spacing:                     4px;
-	dynamic:                     true;
-	cycle:                       true;
-	scrollbar:                   false;
-	layout:                      vertical;
-	reverse:                     false;
-	fixed-height:                true;
-	fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					true;
+	columns:					1;
+	lines:						9;
+	spacing:                    4px;
+	dynamic:                    true;
+	cycle:                      true;
+	scrollbar:                  false;
+	layout:                     vertical;
+	reverse:                    false;
+	fixed-height:               true;
+	fixed-columns:              false;
+	background-color:           transparent;
+	border-radius:   	        10px;
 }
 
 /* ---- Element ---- */
@@ -144,7 +154,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:         transparent;
+    background-color:         	transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -218,13 +228,13 @@ message {
 
 textbox {
     padding:                    15px;
-    background-color:      @background;
+    background-color:      		@background;
     text-color:                 @foreground;
 }
 
 error-message {
     padding:                    15px;
-    border-radius:            20px;
-    background-color:      @background;
+    border-radius:            	20px;
+    background-color:      		@background;
     text-color:                 @foreground;
 }