Merge pull request #27 from JaKooLit/rofi

Rofi, releases-dots, creation of wiki

21 files changed, 596 insertions, 740 deletions

diff --git a/config/rofi/config-compact.rasi b/config/rofi/config-compact.rasi
index ffd5ac0c..78ca58cc 100644
--- a/config/rofi/config-compact.rasi
+++ b/config/rofi/config-compact.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						40%;
-	height:						30%;
+    width:						42%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    0px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -48,7 +47,7 @@ mainbox {
     spacing:                    0px;
     margin:                     0px;
     background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-image:           url("~/.config/rofi/.current_wallpaper",width);
     children:                   [ "imagebox", "listbox" ];
 }
 
@@ -80,6 +79,7 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
@@ -88,6 +88,7 @@ textbox-prompt-colon {
     expand:                     false;
     str:                        "🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
@@ -95,7 +96,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "View / Edit Hyprland Settings";
     placeholder-color:          inherit;
 }
 
@@ -110,7 +111,7 @@ mode-switcher{
 button {
     padding:                    10px;
     border-radius:              10px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     pointer;
     border:                     0px;
@@ -138,7 +139,7 @@ listview {
     margin:                     0px;
     border-radius:              10px;
     border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-color:		transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +148,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -226,7 +227,7 @@ textbox {
     padding:                    15px;
     margin:                     0px;
     border-radius:              0px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 @foreground;
     vertical-align:             0.5;
     horizontal-align:           0.0;
diff --git a/config/rofi/config-long.rasi b/config/rofi/config-long.rasi
index 360f250a..58d77319 100644
--- a/config/rofi/config-long.rasi
+++ b/config/rofi/config-long.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,8 +22,7 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						35%;
-	height:						60%;
+    width:						45%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
@@ -44,18 +43,18 @@ window {
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
-    orientation:                horizontal;
+    orientation:                vertical;
     spacing:                    0px;
     margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-color:      transparent;
+    background-image:    url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
-    background-color:           transparent;
+    padding:                    6px;
+    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
 }
@@ -77,9 +76,10 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    15px;
+    padding:                    20px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
@@ -88,6 +88,7 @@ textbox-prompt-colon {
     expand:                     false;
     str:                        "🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
@@ -125,7 +126,7 @@ button selected {
 listview {
     enabled:                    true;
     columns:                    1;
-    lines:                      12;
+    lines:                      15;
     cycle:                      true;
     dynamic:                    true;
     scrollbar:                  true;
@@ -134,22 +135,21 @@ listview {
     fixed-height:               true;
     fixed-columns:              true;
     spacing:                    0px;
-    padding:                    10px;
+    padding:                    2px;
     margin:                     0px;
     border-radius:              10px;
     border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	background-color:		transparent;
 }
 
 /* ---- Element ---- */
 element {
     enabled:                    true;
-    padding:                    5px;
+    padding:                    2px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
-    border:                     0px;
 }
 
 element normal.normal {
@@ -223,17 +223,17 @@ message {
 }
 
 textbox {
-    padding:                    15px;
+    padding:                    6px;
     margin:                     0px;
     border-radius:              0px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 @foreground;
     vertical-align:             0.5;
     horizontal-align:           0.0;
 }
 
 error-message {
-    padding:                    15px;
+    padding:                    6px;
     border-radius:              20px;
     background-color:           @background;
     text-color:                 @foreground;
diff --git a/config/rofi/config-rofi-Beats.rasi b/config/rofi/config-rofi-Beats.rasi
index 49afe783..fae4c9a5 100644
--- a/config/rofi/config-rofi-Beats.rasi
+++ b/config/rofi/config-rofi-Beats.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						45%;
-	height:						45%;
+    width:						35%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    0px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -48,7 +47,7 @@ mainbox {
     spacing:                    0px;
     margin:                     0px;
     background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-image:           url("~/.config/rofi/.current_wallpaper",width);
     children:                   [ "imagebox", "listbox" ];
 }
 
@@ -80,14 +79,16 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        "📻 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
@@ -95,7 +96,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "Choose Online Music";
     placeholder-color:          inherit;
 }
 
@@ -110,7 +111,7 @@ mode-switcher{
 button {
     padding:                    10px;
     border-radius:              10px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     pointer;
     border:                     0px;
@@ -138,7 +139,7 @@ listview {
     margin:                     0px;
     border-radius:              10px;
     border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-color:		transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +148,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -226,7 +227,7 @@ textbox {
     padding:                    15px;
     margin:                     0px;
     border-radius:              0px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 @foreground;
     vertical-align:             0.5;
     horizontal-align:           0.0;
diff --git a/config/rofi/config-short.rasi b/config/rofi/config-wallpaper.rasi
index 008df19a..88e0a5fb 100644
--- a/config/rofi/config-short.rasi
+++ b/config/rofi/config-wallpaper.rasi
@@ -1,4 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
+/* Main Config */
 
 /* ---- Configuration ---- */
 configuration {
@@ -6,7 +7,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,6 +15,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
+	dpi:						1;
     
 }
 
@@ -22,16 +24,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						20%;
-	height:						50%;
+    width:						40%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,16 +46,13 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
+	padding:					20px;
     background-image:           url("~/.config/rofi/.current_wallpaper", height);
-    children:                   [ "listbox" ];
+    children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
     background-color:           transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
@@ -62,10 +60,10 @@ imagebox {
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
+    spacing:                    4px;
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,14 +78,16 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		    transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"󰸉 ";
     text-color:                 inherit;
+	background-color:		    transparent;
 }
 
 entry {
@@ -95,7 +95,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "Choose Desired wallpaper";
     placeholder-color:          inherit;
 }
 
@@ -108,37 +108,33 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
+    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:          @selected-normal-background;
+    text-color:                @foreground;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      12;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    enabled:                   true;
+    columns:                   1;
+    lines:                     10;
+  spacing:                     4px;
+  dynamic:                     true;
+  enabled:                     true;
+  cycle:                       true;
+  scrollbar:                   true;
+  layout:                      vertical;
+  reverse:                     false;
+  fixed-height:                true;
+  fixed-columns:               false;
+  background-color:            transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +143,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +211,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 error-message {
     padding:                    15px;
-    border-radius:              20px;
-    background-color:           @background;
+    border-radius:            20px;
+    background-color:      @background;
     text-color:                 @foreground;
 }
diff --git a/config/rofi/config-waybar-layout.rasi b/config/rofi/config-waybar-layout.rasi
index b9535701..1621183d 100644
--- a/config/rofi/config-waybar-layout.rasi
+++ b/config/rofi/config-waybar-layout.rasi
@@ -3,10 +3,10 @@
 /* ---- Configuration ---- */
 configuration {
     modi:                       "drun,run";
-    font:                       "Fira Code SemiBold 14";
+    font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						50%;
-	height:						50%;
+    width:						40%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,27 +44,24 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	padding:					20px;
+    background-image:    url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
-    background-color:           transparent;
+    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
+    background-color:      transparent;
     orientation:                vertical;
-    children:                   [ "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,22 +76,24 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
-    text-color:                 inherit;
-    cursor:                     text;
-    placeholder:                "Choose Waybar Layout";
+    background-color:      transparent;
+    text-color:                  inherit;
+    cursor:                       text;
+    placeholder:                "Choose Waybar Style";
     placeholder-color:          inherit;
 }
 
@@ -108,16 +106,15 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
+    padding:                   10px;
+    border-radius:           10px;
+    background-color:     transparent;
     text-color:                 inherit;
     cursor:                     pointer;
-    border:                     0px;
 }
 
 button selected {
-    background-color:           @selected-normal-background;
+    background-color:     @selected-normal-background;
     text-color:                 @foreground;
 }
 
@@ -125,20 +122,16 @@ button selected {
 listview {
     enabled:                    true;
     columns:                    1;
-    lines:                      10;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    lines:                      16;
+  spacing:                      4px;
+  dynamic:                     true;
+  cycle:                      true;
+  scrollbar:                  true;
+  layout:                     vertical;
+  reverse:                    false;
+  fixed-height:               true;
+  fixed-columns:              false;
+  background-color:         transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +140,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +208,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 error-message {
     padding:                    15px;
-    border-radius:              20px;
-    background-color:           @background;
+    border-radius:            20px;
+    background-color:      @background;
     text-color:                 @foreground;
 }
diff --git a/config/rofi/config-waybar-style.rasi b/config/rofi/config-waybar-style.rasi
index 39415945..1621183d 100644
--- a/config/rofi/config-waybar-style.rasi
+++ b/config/rofi/config-waybar-style.rasi
@@ -3,10 +3,10 @@
 /* ---- Configuration ---- */
 configuration {
     modi:                       "drun,run";
-    font:                       "Fira Code SemiBold 14";
+    font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						50%;
-	height:						50%;
+    width:						40%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,27 +44,24 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	padding:					20px;
+    background-image:    url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
-    background-color:           transparent;
+    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
+    background-color:      transparent;
     orientation:                vertical;
-    children:                   [ "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,22 +76,24 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
-    text-color:                 inherit;
-    cursor:                     text;
-    placeholder:                "Choose Waybar Syles";
+    background-color:      transparent;
+    text-color:                  inherit;
+    cursor:                       text;
+    placeholder:                "Choose Waybar Style";
     placeholder-color:          inherit;
 }
 
@@ -108,16 +106,15 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
+    padding:                   10px;
+    border-radius:           10px;
+    background-color:     transparent;
     text-color:                 inherit;
     cursor:                     pointer;
-    border:                     0px;
 }
 
 button selected {
-    background-color:           @selected-normal-background;
+    background-color:     @selected-normal-background;
     text-color:                 @foreground;
 }
 
@@ -125,20 +122,16 @@ button selected {
 listview {
     enabled:                    true;
     columns:                    1;
-    lines:                      10;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    lines:                      16;
+  spacing:                      4px;
+  dynamic:                     true;
+  cycle:                      true;
+  scrollbar:                  true;
+  layout:                     vertical;
+  reverse:                    false;
+  fixed-height:               true;
+  fixed-columns:              false;
+  background-color:         transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +140,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +208,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 error-message {
     padding:                    15px;
-    border-radius:              20px;
-    background-color:           @background;
+    border-radius:            20px;
+    background-color:      @background;
     text-color:                 @foreground;
 }
diff --git a/config/rofi/config.rasi b/config/rofi/config.rasi
index 31309ef7..f36ff120 100644
--- a/config/rofi/config.rasi
+++ b/config/rofi/config.rasi
@@ -1,4 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
+/* Main Config */
 
 /* ---- Configuration ---- */
 configuration {
@@ -6,7 +7,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,6 +15,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
+	dpi:						1;
     
 }
 
@@ -22,16 +24,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:											45%;
-		height:											45%;
+    width:						40%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,16 +46,13 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	padding:					20px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", width);
     children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
     background-color:           transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
@@ -62,10 +60,10 @@ imagebox {
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
+    spacing:                    4px;
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,14 +78,16 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		    transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"🔎 ";
     text-color:                 inherit;
+	background-color:		    transparent;
 }
 
 entry {
@@ -95,7 +95,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "Search";
     placeholder-color:          inherit;
 }
 
@@ -108,37 +108,33 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
+    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:          @selected-normal-background;
+    text-color:                @foreground;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      10;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  false;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    enabled:                   true;
+    columns:                   1;
+    lines:                     8;
+  spacing:                     4px;
+  dynamic:                     true;
+  enabled:                     true;
+  cycle:                       true;
+  scrollbar:                   false;
+  layout:                      vertical;
+  reverse:                     true;
+  fixed-height:                true;
+  fixed-columns:               false;
+  background-color:            transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +143,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +211,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 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/1080p/config-compact.rasi b/config/rofi/resolution/1080p/config-compact.rasi
index ffd5ac0c..78ca58cc 100644
--- a/config/rofi/resolution/1080p/config-compact.rasi
+++ b/config/rofi/resolution/1080p/config-compact.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						40%;
-	height:						30%;
+    width:						42%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    0px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -48,7 +47,7 @@ mainbox {
     spacing:                    0px;
     margin:                     0px;
     background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-image:           url("~/.config/rofi/.current_wallpaper",width);
     children:                   [ "imagebox", "listbox" ];
 }
 
@@ -80,6 +79,7 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
@@ -88,6 +88,7 @@ textbox-prompt-colon {
     expand:                     false;
     str:                        "🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
@@ -95,7 +96,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "View / Edit Hyprland Settings";
     placeholder-color:          inherit;
 }
 
@@ -110,7 +111,7 @@ mode-switcher{
 button {
     padding:                    10px;
     border-radius:              10px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     pointer;
     border:                     0px;
@@ -138,7 +139,7 @@ listview {
     margin:                     0px;
     border-radius:              10px;
     border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-color:		transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +148,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -226,7 +227,7 @@ textbox {
     padding:                    15px;
     margin:                     0px;
     border-radius:              0px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 @foreground;
     vertical-align:             0.5;
     horizontal-align:           0.0;
diff --git a/config/rofi/resolution/1080p/config-long.rasi b/config/rofi/resolution/1080p/config-long.rasi
index 360f250a..58d77319 100644
--- a/config/rofi/resolution/1080p/config-long.rasi
+++ b/config/rofi/resolution/1080p/config-long.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,8 +22,7 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						35%;
-	height:						60%;
+    width:						45%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
@@ -44,18 +43,18 @@ window {
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
-    orientation:                horizontal;
+    orientation:                vertical;
     spacing:                    0px;
     margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-color:      transparent;
+    background-image:    url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
-    background-color:           transparent;
+    padding:                    6px;
+    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
 }
@@ -77,9 +76,10 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    15px;
+    padding:                    20px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
@@ -88,6 +88,7 @@ textbox-prompt-colon {
     expand:                     false;
     str:                        "🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
@@ -125,7 +126,7 @@ button selected {
 listview {
     enabled:                    true;
     columns:                    1;
-    lines:                      12;
+    lines:                      15;
     cycle:                      true;
     dynamic:                    true;
     scrollbar:                  true;
@@ -134,22 +135,21 @@ listview {
     fixed-height:               true;
     fixed-columns:              true;
     spacing:                    0px;
-    padding:                    10px;
+    padding:                    2px;
     margin:                     0px;
     border-radius:              10px;
     border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	background-color:		transparent;
 }
 
 /* ---- Element ---- */
 element {
     enabled:                    true;
-    padding:                    5px;
+    padding:                    2px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
-    border:                     0px;
 }
 
 element normal.normal {
@@ -223,17 +223,17 @@ message {
 }
 
 textbox {
-    padding:                    15px;
+    padding:                    6px;
     margin:                     0px;
     border-radius:              0px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 @foreground;
     vertical-align:             0.5;
     horizontal-align:           0.0;
 }
 
 error-message {
-    padding:                    15px;
+    padding:                    6px;
     border-radius:              20px;
     background-color:           @background;
     text-color:                 @foreground;
diff --git a/config/rofi/resolution/1080p/config-rofi-Beats.rasi b/config/rofi/resolution/1080p/config-rofi-Beats.rasi
index 49afe783..fae4c9a5 100644
--- a/config/rofi/resolution/1080p/config-rofi-Beats.rasi
+++ b/config/rofi/resolution/1080p/config-rofi-Beats.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						45%;
-	height:						45%;
+    width:						35%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    0px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -48,7 +47,7 @@ mainbox {
     spacing:                    0px;
     margin:                     0px;
     background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-image:           url("~/.config/rofi/.current_wallpaper",width);
     children:                   [ "imagebox", "listbox" ];
 }
 
@@ -80,14 +79,16 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        "📻 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
@@ -95,7 +96,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "Choose Online Music";
     placeholder-color:          inherit;
 }
 
@@ -110,7 +111,7 @@ mode-switcher{
 button {
     padding:                    10px;
     border-radius:              10px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     pointer;
     border:                     0px;
@@ -138,7 +139,7 @@ listview {
     margin:                     0px;
     border-radius:              10px;
     border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-color:		transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +148,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -226,7 +227,7 @@ textbox {
     padding:                    15px;
     margin:                     0px;
     border-radius:              0px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 @foreground;
     vertical-align:             0.5;
     horizontal-align:           0.0;
diff --git a/config/rofi/resolution/1080p/config-short.rasi b/config/rofi/resolution/1080p/config-wallpaper.rasi
index 008df19a..88e0a5fb 100644
--- a/config/rofi/resolution/1080p/config-short.rasi
+++ b/config/rofi/resolution/1080p/config-wallpaper.rasi
@@ -1,4 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
+/* Main Config */
 
 /* ---- Configuration ---- */
 configuration {
@@ -6,7 +7,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,6 +15,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
+	dpi:						1;
     
 }
 
@@ -22,16 +24,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						20%;
-	height:						50%;
+    width:						40%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,16 +46,13 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
+	padding:					20px;
     background-image:           url("~/.config/rofi/.current_wallpaper", height);
-    children:                   [ "listbox" ];
+    children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
     background-color:           transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
@@ -62,10 +60,10 @@ imagebox {
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
+    spacing:                    4px;
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,14 +78,16 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		    transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"󰸉 ";
     text-color:                 inherit;
+	background-color:		    transparent;
 }
 
 entry {
@@ -95,7 +95,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "Choose Desired wallpaper";
     placeholder-color:          inherit;
 }
 
@@ -108,37 +108,33 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
+    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:          @selected-normal-background;
+    text-color:                @foreground;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      12;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    enabled:                   true;
+    columns:                   1;
+    lines:                     10;
+  spacing:                     4px;
+  dynamic:                     true;
+  enabled:                     true;
+  cycle:                       true;
+  scrollbar:                   true;
+  layout:                      vertical;
+  reverse:                     false;
+  fixed-height:                true;
+  fixed-columns:               false;
+  background-color:            transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +143,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +211,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 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/1080p/config-waybar-layout.rasi b/config/rofi/resolution/1080p/config-waybar-layout.rasi
index 10f619f5..1621183d 100644
--- a/config/rofi/resolution/1080p/config-waybar-layout.rasi
+++ b/config/rofi/resolution/1080p/config-waybar-layout.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						50%;
-	height:						50%;
+    width:						40%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,27 +44,24 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	padding:					20px;
+    background-image:    url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
-    background-color:           transparent;
+    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
+    background-color:      transparent;
     orientation:                vertical;
-    children:                   [ "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,22 +76,24 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
-    text-color:                 inherit;
-    cursor:                     text;
-    placeholder:                "Choose Waybar Layout";
+    background-color:      transparent;
+    text-color:                  inherit;
+    cursor:                       text;
+    placeholder:                "Choose Waybar Style";
     placeholder-color:          inherit;
 }
 
@@ -108,16 +106,15 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
+    padding:                   10px;
+    border-radius:           10px;
+    background-color:     transparent;
     text-color:                 inherit;
     cursor:                     pointer;
-    border:                     0px;
 }
 
 button selected {
-    background-color:           @selected-normal-background;
+    background-color:     @selected-normal-background;
     text-color:                 @foreground;
 }
 
@@ -125,20 +122,16 @@ button selected {
 listview {
     enabled:                    true;
     columns:                    1;
-    lines:                      10;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    lines:                      16;
+  spacing:                      4px;
+  dynamic:                     true;
+  cycle:                      true;
+  scrollbar:                  true;
+  layout:                     vertical;
+  reverse:                    false;
+  fixed-height:               true;
+  fixed-columns:              false;
+  background-color:         transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +140,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +208,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 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/1080p/config-waybar-style.rasi b/config/rofi/resolution/1080p/config-waybar-style.rasi
index 545d9b64..1621183d 100644
--- a/config/rofi/resolution/1080p/config-waybar-style.rasi
+++ b/config/rofi/resolution/1080p/config-waybar-style.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						50%;
-	height:						50%;
+    width:						40%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,27 +44,24 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	padding:					20px;
+    background-image:    url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
-    background-color:           transparent;
+    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
+    background-color:      transparent;
     orientation:                vertical;
-    children:                   [ "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,22 +76,24 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
-    text-color:                 inherit;
-    cursor:                     text;
-    placeholder:                "Choose Waybar Syles";
+    background-color:      transparent;
+    text-color:                  inherit;
+    cursor:                       text;
+    placeholder:                "Choose Waybar Style";
     placeholder-color:          inherit;
 }
 
@@ -108,16 +106,15 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
+    padding:                   10px;
+    border-radius:           10px;
+    background-color:     transparent;
     text-color:                 inherit;
     cursor:                     pointer;
-    border:                     0px;
 }
 
 button selected {
-    background-color:           @selected-normal-background;
+    background-color:     @selected-normal-background;
     text-color:                 @foreground;
 }
 
@@ -125,20 +122,16 @@ button selected {
 listview {
     enabled:                    true;
     columns:                    1;
-    lines:                      10;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    lines:                      16;
+  spacing:                      4px;
+  dynamic:                     true;
+  cycle:                      true;
+  scrollbar:                  true;
+  layout:                     vertical;
+  reverse:                    false;
+  fixed-height:               true;
+  fixed-columns:              false;
+  background-color:         transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +140,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +208,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 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/1080p/config.rasi b/config/rofi/resolution/1080p/config.rasi
index 36dff6d4..f36ff120 100644
--- a/config/rofi/resolution/1080p/config.rasi
+++ b/config/rofi/resolution/1080p/config.rasi
@@ -1,4 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
+/* Main Config */
 
 /* ---- Configuration ---- */
 configuration {
@@ -6,7 +7,7 @@ configuration {
     font:                       "Fira Code SemiBold 12";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,6 +15,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
+	dpi:						1;
     
 }
 
@@ -22,16 +24,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						45%;
-	height:						45%;
+    width:						40%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,16 +46,13 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	padding:					20px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", width);
     children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
     background-color:           transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
@@ -62,10 +60,10 @@ imagebox {
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
+    spacing:                    4px;
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,14 +78,16 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		    transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"🔎 ";
     text-color:                 inherit;
+	background-color:		    transparent;
 }
 
 entry {
@@ -95,7 +95,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "Search";
     placeholder-color:          inherit;
 }
 
@@ -108,37 +108,33 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
+    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:          @selected-normal-background;
+    text-color:                @foreground;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      10;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  false;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    enabled:                   true;
+    columns:                   1;
+    lines:                     8;
+  spacing:                     4px;
+  dynamic:                     true;
+  enabled:                     true;
+  cycle:                       true;
+  scrollbar:                   false;
+  layout:                      vertical;
+  reverse:                     true;
+  fixed-height:                true;
+  fixed-columns:               false;
+  background-color:            transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +143,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +211,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 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 4f6b6ade..5bfda000 100644
--- a/config/rofi/resolution/1440p/config-compact.rasi
+++ b/config/rofi/resolution/1440p/config-compact.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 14";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -23,15 +23,14 @@ configuration {
 /* ---- Window ---- */
 window {
     width:						40%;
-	height:						30%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    0px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -48,7 +47,7 @@ mainbox {
     spacing:                    0px;
     margin:                     0px;
     background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-image:           url("~/.config/rofi/.current_wallpaper",width);
     children:                   [ "imagebox", "listbox" ];
 }
 
@@ -80,6 +79,7 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
@@ -88,6 +88,7 @@ textbox-prompt-colon {
     expand:                     false;
     str:                        "🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
@@ -95,7 +96,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "View / Edit Hyprland Settings";
     placeholder-color:          inherit;
 }
 
@@ -110,7 +111,7 @@ mode-switcher{
 button {
     padding:                    10px;
     border-radius:              10px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     pointer;
     border:                     0px;
@@ -138,7 +139,7 @@ listview {
     margin:                     0px;
     border-radius:              10px;
     border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-color:		transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +148,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -226,7 +227,7 @@ textbox {
     padding:                    15px;
     margin:                     0px;
     border-radius:              0px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 @foreground;
     vertical-align:             0.5;
     horizontal-align:           0.0;
diff --git a/config/rofi/resolution/1440p/config-long.rasi b/config/rofi/resolution/1440p/config-long.rasi
index 4ce0b670..bfe8778a 100644
--- a/config/rofi/resolution/1440p/config-long.rasi
+++ b/config/rofi/resolution/1440p/config-long.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 14";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,8 +22,7 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						35%;
-	height:						60%;
+    width:						45%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
@@ -44,18 +43,18 @@ window {
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
-    orientation:                horizontal;
+    orientation:                vertical;
     spacing:                    0px;
     margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-color:      transparent;
+    background-image:    url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
-    background-color:           transparent;
+    padding:                    6px;
+    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
 }
@@ -77,9 +76,10 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    15px;
+    padding:                    20px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
@@ -88,6 +88,7 @@ textbox-prompt-colon {
     expand:                     false;
     str:                        "🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
@@ -125,7 +126,7 @@ button selected {
 listview {
     enabled:                    true;
     columns:                    1;
-    lines:                      12;
+    lines:                      15;
     cycle:                      true;
     dynamic:                    true;
     scrollbar:                  true;
@@ -134,22 +135,21 @@ listview {
     fixed-height:               true;
     fixed-columns:              true;
     spacing:                    0px;
-    padding:                    10px;
+    padding:                    2px;
     margin:                     0px;
     border-radius:              10px;
     border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	background-color:		transparent;
 }
 
 /* ---- Element ---- */
 element {
     enabled:                    true;
-    padding:                    5px;
+    padding:                    2px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
-    border:                     0px;
 }
 
 element normal.normal {
@@ -223,17 +223,17 @@ message {
 }
 
 textbox {
-    padding:                    15px;
+    padding:                    6px;
     margin:                     0px;
     border-radius:              0px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 @foreground;
     vertical-align:             0.5;
     horizontal-align:           0.0;
 }
 
 error-message {
-    padding:                    15px;
+    padding:                    6px;
     border-radius:              20px;
     background-color:           @background;
     text-color:                 @foreground;
diff --git a/config/rofi/resolution/1440p/config-rofi-Beats.rasi b/config/rofi/resolution/1440p/config-rofi-Beats.rasi
index 77d71852..b1250076 100644
--- a/config/rofi/resolution/1440p/config-rofi-Beats.rasi
+++ b/config/rofi/resolution/1440p/config-rofi-Beats.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 14";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						45%;
-	height:						45%;
+    width:						35%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    0px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -48,7 +47,7 @@ mainbox {
     spacing:                    0px;
     margin:                     0px;
     background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-image:           url("~/.config/rofi/.current_wallpaper",width);
     children:                   [ "imagebox", "listbox" ];
 }
 
@@ -80,14 +79,16 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        "📻 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
@@ -95,7 +96,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "Choose Online Music";
     placeholder-color:          inherit;
 }
 
@@ -110,7 +111,7 @@ mode-switcher{
 button {
     padding:                    10px;
     border-radius:              10px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     pointer;
     border:                     0px;
@@ -138,7 +139,7 @@ listview {
     margin:                     0px;
     border-radius:              10px;
     border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    background-color:		transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +148,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -226,7 +227,7 @@ textbox {
     padding:                    15px;
     margin:                     0px;
     border-radius:              0px;
-    background-color:           @background;
+    background-color:           transparent;
     text-color:                 @foreground;
     vertical-align:             0.5;
     horizontal-align:           0.0;
diff --git a/config/rofi/resolution/1440p/config-short.rasi b/config/rofi/resolution/1440p/config-wallpaper.rasi
index 8d3ac37b..e41487f8 100644
--- a/config/rofi/resolution/1440p/config-short.rasi
+++ b/config/rofi/resolution/1440p/config-wallpaper.rasi
@@ -1,4 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
+/* Main Config */
 
 /* ---- Configuration ---- */
 configuration {
@@ -6,7 +7,7 @@ configuration {
     font:                       "Fira Code SemiBold 14";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,6 +15,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
+	dpi:						1;
     
 }
 
@@ -22,16 +24,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						20%;
-	height:						50%;
+    width:						40%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,16 +46,13 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
-    children:                   [ "listbox" ];
+	padding:					20px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", width);
+    children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
     background-color:           transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
@@ -62,10 +60,10 @@ imagebox {
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
+    spacing:                    4px;
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,14 +78,16 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		    transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"󰸉 ";
     text-color:                 inherit;
+	background-color:		    transparent;
 }
 
 entry {
@@ -95,7 +95,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "Choose Desired wallpaper";
     placeholder-color:          inherit;
 }
 
@@ -108,37 +108,33 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
+    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:          @selected-normal-background;
+    text-color:                @foreground;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      12;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    enabled:                   true;
+    columns:                   1;
+    lines:                     10;
+  spacing:                     4px;
+  dynamic:                     true;
+  enabled:                     true;
+  cycle:                       true;
+  scrollbar:                   true;
+  layout:                      vertical;
+  reverse:                     false;
+  fixed-height:                true;
+  fixed-columns:               false;
+  background-color:            transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +143,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +211,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 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-waybar-layout.rasi b/config/rofi/resolution/1440p/config-waybar-layout.rasi
index b9535701..e8739ec3 100644
--- a/config/rofi/resolution/1440p/config-waybar-layout.rasi
+++ b/config/rofi/resolution/1440p/config-waybar-layout.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 14";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						50%;
-	height:						50%;
+    width:						34%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,27 +44,24 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	padding:					20px;
+    background-image:    url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
-    background-color:           transparent;
+    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
+    background-color:      transparent;
     orientation:                vertical;
-    children:                   [ "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,22 +76,24 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
-    text-color:                 inherit;
-    cursor:                     text;
-    placeholder:                "Choose Waybar Layout";
+    background-color:      transparent;
+    text-color:                  inherit;
+    cursor:                       text;
+    placeholder:                "Choose Waybar Style";
     placeholder-color:          inherit;
 }
 
@@ -108,16 +106,15 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
+    padding:                   10px;
+    border-radius:           10px;
+    background-color:     transparent;
     text-color:                 inherit;
     cursor:                     pointer;
-    border:                     0px;
 }
 
 button selected {
-    background-color:           @selected-normal-background;
+    background-color:     @selected-normal-background;
     text-color:                 @foreground;
 }
 
@@ -125,20 +122,16 @@ button selected {
 listview {
     enabled:                    true;
     columns:                    1;
-    lines:                      10;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    lines:                      16;
+  spacing:                      4px;
+  dynamic:                     true;
+  cycle:                      true;
+  scrollbar:                  true;
+  layout:                     vertical;
+  reverse:                    false;
+  fixed-height:               true;
+  fixed-columns:              false;
+  background-color:         transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +140,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +208,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 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-waybar-style.rasi b/config/rofi/resolution/1440p/config-waybar-style.rasi
index 39415945..e8739ec3 100644
--- a/config/rofi/resolution/1440p/config-waybar-style.rasi
+++ b/config/rofi/resolution/1440p/config-waybar-style.rasi
@@ -6,7 +6,7 @@ configuration {
     font:                       "Fira Code SemiBold 14";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,7 +14,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
-    
+	dpi:						1;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -22,16 +22,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						50%;
-	height:						50%;
+    width:						34%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,27 +44,24 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	padding:					20px;
+    background-image:    url("~/.config/rofi/.current_wallpaper", height);
     children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
-    background-color:           transparent;
+    background-color:      transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
+    background-color:      transparent;
     orientation:                vertical;
-    children:                   [ "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,22 +76,24 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"🔎 ";
     text-color:                 inherit;
+	background-color:		transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
-    text-color:                 inherit;
-    cursor:                     text;
-    placeholder:                "Choose Waybar Syles";
+    background-color:      transparent;
+    text-color:                  inherit;
+    cursor:                       text;
+    placeholder:                "Choose Waybar Style";
     placeholder-color:          inherit;
 }
 
@@ -108,16 +106,15 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
+    padding:                   10px;
+    border-radius:           10px;
+    background-color:     transparent;
     text-color:                 inherit;
     cursor:                     pointer;
-    border:                     0px;
 }
 
 button selected {
-    background-color:           @selected-normal-background;
+    background-color:     @selected-normal-background;
     text-color:                 @foreground;
 }
 
@@ -125,20 +122,16 @@ button selected {
 listview {
     enabled:                    true;
     columns:                    1;
-    lines:                      10;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  true;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    lines:                      16;
+  spacing:                      4px;
+  dynamic:                     true;
+  cycle:                      true;
+  scrollbar:                  true;
+  layout:                     vertical;
+  reverse:                    false;
+  fixed-height:               true;
+  fixed-columns:              false;
+  background-color:         transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +140,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +208,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 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.rasi b/config/rofi/resolution/1440p/config.rasi
index 24828ad6..59543450 100644
--- a/config/rofi/resolution/1440p/config.rasi
+++ b/config/rofi/resolution/1440p/config.rasi
@@ -1,4 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
+/* Main Config */
 
 /* ---- Configuration ---- */
 configuration {
@@ -6,7 +7,7 @@ configuration {
     font:                       "Fira Code SemiBold 14";
     show-icons:                 true;
     display-drun:               "";
-    display-run:                "";
+	display-run:                "";
     display-filebrowser:        "";
     display-window:             "";
 	drun-display-format:        "{name}";
@@ -14,6 +15,7 @@ configuration {
     me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
+	dpi:						1;
     
 }
 
@@ -22,16 +24,15 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						45%;
-	height:						45%;
+    width:						35%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
     color:                      transparent;
-    border:                     2px;
-    border-color:               @background;
+    border:                     1px;
+    border-color:               @active-background;
     cursor:                     "default";
     transparency:               "real";
     location:                   center;
@@ -45,16 +46,13 @@ window {
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-    spacing:                    0px;
-    margin:                     0px;
-    background-color:           transparent;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+	padding:					20px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", width);
     children:                   [ "imagebox", "listbox" ];
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    18px;
     background-color:           transparent;
     orientation:                vertical;
     children:                   [ "inputbar", "dummy", "mode-switcher" ];
@@ -62,10 +60,10 @@ imagebox {
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
+    spacing:                    4px;
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "message", "listview" ];
+    children:                   [ "listview" ];
 }
 /* ---- Dummy ---- */
 dummy {
@@ -80,14 +78,16 @@ inputbar {
     padding:                    15px;
     border-radius:              10px;
     border-color:               @foreground;
+	background-color:		    transparent;
     children:                   [ "textbox-prompt-colon", "entry" ];
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        	"🔎 ";
     text-color:                 inherit;
+	background-color:		    transparent;
 }
 
 entry {
@@ -95,7 +95,7 @@ entry {
     background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose";
+    placeholder:                "Search";
     placeholder-color:          inherit;
 }
 
@@ -108,37 +108,33 @@ mode-switcher{
 }
 
 button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
+    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:          @selected-normal-background;
+    text-color:                @foreground;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      10;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  false;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    10px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    enabled:                   true;
+    columns:                   1;
+    lines:                     9;
+  spacing:                     4px;
+  dynamic:                     true;
+  enabled:                     true;
+  cycle:                       true;
+  scrollbar:                   false;
+  layout:                      vertical;
+  reverse:                     true;
+  fixed-height:                true;
+  fixed-columns:               false;
+  background-color:            transparent;
 }
 
 /* ---- Element ---- */
@@ -147,7 +143,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           @background;
+    background-color:           transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -215,26 +211,19 @@ element-text {
 /*****----- Message -----*****/
 message {
     background-color:           transparent;
-    border:						0px;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           @background;
+    background-color:      transparent;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 error-message {
     padding:                    15px;
-    border-radius:              20px;
-    background-color:           @background;
+    border-radius:            20px;
+    background-color:      @background;
     text-color:                 @foreground;
 }