New Rofi Themes

11 files changed, 524 insertions, 641 deletions

diff --git a/config/rofi/config-compact.rasi b/config/rofi/config-compact.rasi
index cf7ac31c..1d5fb9e8 100644
--- a/config/rofi/config-compact.rasi
+++ b/config/rofi/config-compact.rasi
@@ -14,37 +14,15 @@ window {
   border-radius: 15px;
 }
 
-/* ---- Mainbox ---- */
-mainbox {
-  orientation: horizontal;
-  children: [ "imagebox"];
-}
-
 /* ---- Imagebox ---- */
 imagebox {
   orientation: vertical;
   children:
-    [ "inputbar",
-    "listbox"];
-}
-
-/* ---- Listbox ---- */
-listbox {
-  border-radius: 10px;
-}
-
-/* ---- Inputbar ---- */
-inputbar {
-  padding: 14px;
-  border-radius: 10px;
-}
-
-textbox-prompt-colon {
-  str: " ";
+    [ "entry", "listview"];
 }
 
 entry {
-  placeholder: "View / Edit Hyprland Configs";
+  placeholder: "  View / Edit Hyprland Configs";
 }
 
 /* ---- Listview ---- */
@@ -52,7 +30,7 @@ listview {
   columns: 1;
   lines: 10;
   spacing: 4px;
-  scrollbar: true;
+  scrollbar: false;
   border-radius: 10px;
 }
 
@@ -60,12 +38,3 @@ listview {
 element {
   border-radius: 10px;
 }
-
-/*****----- Message -----*****/
-message {
-  border-radius: 10px;
-}
-
-textbox {
-  padding: 15px;
-}
diff --git a/config/rofi/config-long.rasi b/config/rofi/config-long.rasi
index aef78711..4b594d5c 100644
--- a/config/rofi/config-long.rasi
+++ b/config/rofi/config-long.rasi
@@ -13,33 +13,15 @@ window {
   width: 700px;
 }
 
-/* ---- Mainbox ---- */
-mainbox {
-  children: [ "imagebox"];
-}
-
-/* ---- Imagebox ---- */
-imagebox {
-  orientation: vertical;
-  children:
-    [ "inputbar",
-    "listbox"];
-}
-
 /* ---- Inputbar ---- */
 inputbar {
   children:
-    [ "textbox-prompt-colon",
-    "entry"];
-}
-
-textbox-prompt-colon {
-  str: "🔎 ";
+    ["entry"];
 }
 
 entry {
-  placeholder: "Search";
-  background-color: transparent;
+  placeholder: "🔎 Search";
+  width: 22%;
 }
 
 /* ---- Listview ---- */
@@ -47,9 +29,9 @@ listview {
   columns: 1;
   lines: 9;
   spacing: 4px;
-  scrollbar: true;
   fixed-columns: true;
   border-radius: 10px;
+  scrollbar: false;
 }
 
 /*****----- Message -----*****/
diff --git a/config/rofi/config-rofi-Beats.rasi b/config/rofi/config-rofi-Beats.rasi
index 52b4cfa7..5f7872f2 100644
--- a/config/rofi/config-rofi-Beats.rasi
+++ b/config/rofi/config-rofi-Beats.rasi
@@ -5,12 +5,7 @@
 
 /* ---- Entry ---- */ 
 entry {
-  placeholder: "Choose Online Music Station";
-}
-
-/* ---- Inputbar ---- */
-textbox-prompt-colon {
-  str: "📻";
+  placeholder: "📻 Choose Online Music Station";
 }
 
 /* ---- Listview ---- */
diff --git a/config/rofi/config-search.rasi b/config/rofi/config-search.rasi
index 4160ba6a..149748da 100644
--- a/config/rofi/config-search.rasi
+++ b/config/rofi/config-search.rasi
@@ -9,18 +9,21 @@ window {
     location: north;
 }
 
+/* ---- Inputbar ---- */
+inputbar {
+    enabled: true;
+    padding: 2px;
+    margin: 2px;
+}
+
 /* ---- Mainbox ---- */
 mainbox {
-	padding:					2px;
-    children:                   [ "inputbar" ];
+	padding: 2px;
+    children: [ "entry"];
 }
 
 /* ---- Entry ---- */ 
 entry {
-	placeholder: "Google Search";
+	placeholder: "🔎 Google Search";
 }
 
-/* ---- Inputbar ---- */
-textbox-prompt-colon {
-	str: "🔎";
-}
diff --git a/config/rofi/config-wallpaper.rasi b/config/rofi/config-wallpaper.rasi
index b2a79bc2..a66ba66a 100644
--- a/config/rofi/config-wallpaper.rasi
+++ b/config/rofi/config-wallpaper.rasi
@@ -8,33 +8,23 @@ configuration {
   modi: "drun";
 }
 
-/* ---- Mainbox ---- */
-mainbox {
-  orientation: horizontal;
-  children: [ "imagebox"];
-}
-
 /* ---- Imagebox ---- */
 imagebox {
   orientation: vertical;
   children:
-    [ "inputbar",
-    "listbox"];
+    [ "entry", "listbox"];
 }
 
-textbox-prompt-colon {
-  str: "󰸉 ";
-}
 
 entry {
-  placeholder: "Choose Wallpaper";
+  expand: true;
+  placeholder: "󰸉 Choose Wallpaper";
 }
 
 /* ---- Listview ---- */
 listview {
   columns: 4;
   lines: 3;
-  scrollbar: true;
 }
 
 /* ---- Element ---- */
@@ -43,7 +33,7 @@ element {
 }
 
 element-icon {
-  size: 130px;
+  size: 150px;
 }
 
 element-text {
diff --git a/config/rofi/config-waybar-layout.rasi b/config/rofi/config-waybar-layout.rasi
index 93ebdef4..4b15128f 100644
--- a/config/rofi/config-waybar-layout.rasi
+++ b/config/rofi/config-waybar-layout.rasi
@@ -5,6 +5,6 @@
 
 /* ---- Entry ---- */ 
 entry {
-  placeholder: "Choose Waybar Layout";
+  placeholder: "󰮫 Choose Waybar Layout";
 }
 
diff --git a/config/rofi/config-waybar-style.rasi b/config/rofi/config-waybar-style.rasi
index 0f5ee048..55c61567 100644
--- a/config/rofi/config-waybar-style.rasi
+++ b/config/rofi/config-waybar-style.rasi
@@ -11,21 +11,17 @@ configuration {
 /* ---- Mainbox ---- */
 mainbox {
   children:
-    [ "inputbar",
-    "listbox"];
-}
-
-textbox-prompt-colon {
-  str: "󰮫 ";
+    [ "inputbar", "listview"];
 }
 
 entry {
-  placeholder: "Choose Waybar Style";
+  expand: true;
+  placeholder: "󰮫  Choose Waybar Style";
 }
 
 /* ---- Listview ---- */
 listview {
   columns: 2;
   lines: 8;
-  scrollbar: true;
+  scrollbar: false;
 }
diff --git a/config/rofi/config-zsh-theme.rasi b/config/rofi/config-zsh-theme.rasi
index 4f6ba64a..edc7a3ed 100644
--- a/config/rofi/config-zsh-theme.rasi
+++ b/config/rofi/config-zsh-theme.rasi
@@ -1,6 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (zsh) */
-/* -- submitted by https://github.com/hyprhex -- */
+/* Main Config (compact) */
 
 @import "~/.config/rofi/config.rasi" 
 
@@ -11,43 +10,51 @@ configuration {
 
 /* ---- Window ---- */
 window {
-  width: 800px;
-}
-
-/* ---- Mainbox ---- */
-mainbox {
-  orientation: horizontal;
-  children: [ "imagebox"];
+  width: 900px;
+  border-radius: 15px;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
   orientation: vertical;
   children:
-    [ "inputbar",
-    "listbox"];
+    [ "inputbar", "listbox"];
+}
+
+/* ---- Listbox ---- */
+listbox {
+  border-radius: 12px;
 }
 
 /* ---- Inputbar ---- */
 inputbar {
-  padding: 8px;
+  padding: 14px;
   border-radius: 10px;
-  children:
-    [ "textbox-prompt-colon",
-    "entry"];
-}
-
-textbox-prompt-colon {
-  str: "󰸉 ";
 }
 
 entry {
-  placeholder: "Choose ZSH theme";
+  placeholder: "󰸉  Choose ZSH theme";
 }
 
 /* ---- Listview ---- */
 listview {
   columns: 3;
+  lines: 4;
   spacing: 4px;
-  scrollbar: true;
+  scrollbar: false;
+  border-radius: 10px;
+}
+
+/* ---- Element ---- */
+element {
+  border-radius: 10px;
+}
+
+/*****----- Message -----*****/
+message {
+  border-radius: 10px;
+}
+
+textbox {
+  padding: 15px;
 }
diff --git a/config/rofi/config.rasi b/config/rofi/config.rasi
index 83c481cf..a2866102 100644
--- a/config/rofi/config.rasi
+++ b/config/rofi/config.rasi
@@ -1,247 +1,228 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (main) */
+/* Main Config 1440p */
 
 /* ---- Configuration ---- */
+
 configuration {
-    modi:                       "drun,run,filebrowser";
-    font:                       "Fira Code SemiBold 14";
+	modi:                       "drun,run,filebrowser";
+	font:                       "Fira Code SemiBold 10";
     show-icons:                 true;
-    display-drun:               "";
-	display-run:                "";
-    display-filebrowser:        "";
-    display-window:             "󱂬";
+    display-drun:               "Apps";
+    display-run:                "Run";
+    display-filebrowser:        "Files";
+    display-window:             "Windows";
 	drun-display-format:        "{name}";
-    hover-select:               true;
-    me-select-entry:            "MouseSecondary";
+	hover-select:               true;
+	me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
-    window-format:              "{w} · {c} · {t}";
+	window-format:              "{w} · {c} · {t}";
 	dpi:						1;
-    
 }
 
-/* ---- Load pywal colors (custom wal template) ---- */
-@import "~/.config/rofi/pywal-color/pywal-theme.rasi"
+/* ---- Load pywal colors ---- */
+@theme "~/.cache/wal/colors-rofi-dark.rasi"
+
+/* ---- Global Properties ---- */
+* {
+
+    background-alt:              @selected-active-background; // Buttons backgroundr
+    selected:                    @selected-urgent-background; // Button selected
+    active:                      @selected-normal-background; // Window activated
+    urgent:                      @selected; // When hovering the activated window (maybe more?)
+
+    text-selected:               @background;
+    text-color:                  @foreground;
+    border-color:                @selected;
+}
 
 /* ---- Window ---- */
 window {
-    width:						650px;
-	/*height:						450px;*/
-    x-offset:                   0px;
-    y-offset:                   0px;
+    // Default
+    enabled:                    true;
+    fullscreen:                 false;
+    transparency:               "real";
+    cursor:                     "default";
     spacing:                    0px;
-    padding:                    1px;
-    margin:                     0px; 
     border:                     2px;
-    border-color:               @active-background;
-    cursor:                     "default";
+    border-radius:              30px;
     location:                   center;
     anchor:                     center;
-    fullscreen:                 false;
-    enabled:                    true;
-    border-radius:              12px;
-	background-image:           url("~/.config/rofi/.current_wallpaper", width);
- 	
+
+    // Style Values
+    width:                      900px;
+    background-color:           #00000099;
 }
 
-/* ---- Mainbox ---- */
+/* ----- Main Box ----- */
 mainbox {
-    enabled:                    true;
-    orientation:                vertical;
-	padding:					8px;
-    background-color:           transparent;
-    children:                   [ "inputbar", "imagebox" ];
-    border-radius:              12px;
+    enabled:                     true;
+    orientation:                 vertical;
+    children:                    [ "inputbar", "listbox" ];
+    background-color:            transparent;
 }
 
-/* ---- Imagebox ---- */
-imagebox {
-    background-color:           transparent;
-    orientation:                horizontal;
-    children:                   [ "mode-switcher",  "listbox"];
-}
 
-/* ---- Listbox ---- */
-listbox {
-    spacing:                    4px;
-    orientation:                vertical;
-    children:                   ["listview" ];
-	padding:					6px;
-    border-radius:              12px;
-    border:                     1px;
-    border-color:               @active-background;
-	background-color:		    @background;
+/* ---- Inputbar ---- */
+inputbar {
+    enabled:                     true;
+    padding:                     10px 10px 200px 10px;
+    margin:                      10px;
+    background-color:            transparent;
+    border-radius:               25px;
+    orientation:                 horizontal;
+    children:                    ["entry", "dummy", "mode-switcher" ];
+    background-image:            url("~/.config/rofi/.current_wallpaper", width);
 }
 
-/* ---- Dummy ---- */
-dummy {
-    background-color:           transparent;
+/* ---- Entry input ---- */
+entry {
+    enabled:                     true;
+    expand:                      false;
+    width:                       300px;
+    padding:                     10px;
+    border-radius:               12px;
+    background-color:            @background-alt;
+    text-color:                  inherit;
+    cursor:                      text;
+    placeholder:                 "  Search "; // << Search symbol
+    placeholder-color:           inherit;
 }
 
-/* ---- Inputbar ---- */
-inputbar {
-    enabled:                    true;
-    text-color:                 @foreground;
-    spacing:                    10px;
-    border-radius:              12px;
-    border-color:               @foreground;
-	background-color:		    @background;
-    children:                   [ "textbox-prompt-colon","entry" ];
-    border:                     1px;
-    border-color:               @active-background;
+/* ---- Listbox ---- */
+listbox {
+    spacing:                     10px;
+    padding:                     10px;
+    background-color:            transparent;
+    orientation:                 vertical;
+    children:                    [ "message", "listview" ];
 }
 
-textbox-prompt-colon {
-    enabled:                    true;
-	padding:					6px 0px 6px 10px;
-    expand:                     false;
-    str:                           "🐧";
-    text-color:                 inherit;
-	background-color:			transparent;
+/* ---- Listview ---- */
+listview {
+    enabled:                     true;
+    columns:                     2;
+    lines:                       8;
+    cycle:                       true;
+    dynamic:                     true;
+    scrollbar:                   false;
+    layout:                      vertical;
+    reverse:                     false;
+    fixed-height:                true;
+    fixed-columns:               true;    
+    spacing:                     10px;
+    background-color:            transparent;
+
+//  Adapt rofi theme
+    border:                      0px;
 }
 
-entry {
-    enabled:                    true;
-	padding:					6px 0px 0px 0px;
-    text-color:                 inherit;
-    cursor:                     text;
-    placeholder:                "Search (ctrl tab to choose mode)";
-    placeholder-color:          inherit;
-	background-color:			transparent;
+/* ---- Dummy ---- */
+dummy {
+    expand:                      true;
+    background-color:            transparent;
 }
 
 /* ---- Mode Switcher ---- */
 mode-switcher{
-	orientation:				vertical;
-    enabled:                    true;
-    spacing:                    12px;
-    background-color:          	transparent;
-    text-color:                 @foreground;
+    enabled:                     true;
+    spacing:                     10px;
+    background-color:            transparent;
 }
-
 button {
-    padding:                   0px 12px 0px 8px;
-    border-radius:             12px;
-    background-color:          @background;
-    text-color:                inherit;
-    cursor:                    pointer;
-    border:                     1px;
-    border-color:               @active-background;
+    width:                       80px;
+    padding:                     12px;
+    border-radius:               12px;
+    background-color:            @background-alt;
+    text-color:                  inherit;
+    cursor:                      pointer;
 }
-
 button selected {
-    background-color:          @selected-normal-background;
-    text-color:                @foreground;
-    border:                    1px;
-    border-color:              @background;
-	
+    background-color:            @selected;
+    text-color:                  @text-selected;
 }
 
-/* ---- Listview ---- */
-listview {
-	enabled:					true;
-	columns:					2;
-	lines:						5;
-	spacing:                    5px;
-	padding:					6px;
-	dynamic:                    true;
-	cycle:                      true;
-	scrollbar:                  false;
-	layout:                     vertical;
-	reverse:                    false;
-	fixed-height:               true;
-	fixed-columns:              false;
-	background-color:           transparent;
-	border-radius:   	        12px;
-	border:						0px;
-}
 
-/* ---- Element ---- */
+/* ---- Elements ---- */
 element {
-    enabled:                    true;
-    padding:                    5px;
-    margin:                     2px;
-    cursor:                     pointer;
-    background-color:         	transparent;
-    border-radius:              12px;
-    border:                     0px;
+    enabled:                     true;
+    spacing:                     10px;
+    padding:                     4px;
+    border-radius:               10px;
+    background-color:            transparent;
+    cursor:                      pointer;
 }
 
+
 element normal.normal {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            inherit;
+    text-color:                  inherit;
 }
-
 element normal.urgent {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            @urgent;
+    text-color:                  @foreground;
 }
-
 element normal.active {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            @active;
+    text-color:                  @foreground;
 }
 
 element selected.normal {
-    background-color:           @selected-normal-background;
-    text-color:                 @foreground;
+    background-color:            @selected;
+    text-color:                  @text-selected;
 }
-
 element selected.urgent {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            @urgent;
+    text-color:                  @text-selected;
 }
-
 element selected.active {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            @urgent;
+    text-color:                  @text-selected;
 }
-
+// Adapt rofi theme
 element alternate.normal {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            transparent;
+    text-color:                  inherit;
 }
-
 element alternate.urgent {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            transparent;
+    text-color:                  inherit;
 }
-
 element alternate.active {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            transparent;
+    text-color:                  inherit;
 }
-
 element-icon {
-    background-color:           transparent;
-    text-color:                 inherit;
-    size:                       32px;
-    cursor:                     inherit;
+    background-color:            transparent;
+    text-color:                  inherit;
+    size:                        36px;
+    cursor:                      inherit;
 }
-
 element-text {
-    background-color:           transparent;
-    text-color:                 inherit;
-    cursor:                     inherit;
-    vertical-align:             0.5;
-    horizontal-align:           0;
+    background-color:            transparent;
+    font:                       "Fira Code SemiBold 14";
+    text-color:                  inherit;
+    cursor:                      inherit;
+    vertical-align:              0.5;
+    horizontal-align:            0.0;
+
 }
 
-/*****----- Message -----*****/
+/* ---- Message ---- */
 message {
-    background-color:           @background;
-    margin:						20px 0px 0px 0px;
-    border-radius: 				12px;
+    background-color:            transparent;
+    border:                      0px;
 }
-
 textbox {
-    padding:                    10px;
-    background-color:      		@background;
-    text-color:                 @foreground;
+    padding:                     12px;
+    border-radius:               10px;
+    background-color:            @background-alt;
+    text-color:                  @foreground;
+    vertical-align:              0.5;
+    horizontal-align:            0.0;
 }
-
 error-message {
-    padding:                    15px;
-    border-radius:            	12px;
-    background-color:      		@background;
-    text-color:                 @foreground;
+    padding:                     12px;
+    border-radius:               20px;
+    background-color:            @background-alt;
+    text-color:                  @foreground;
 }
diff --git a/config/rofi/resolution/1080p/config.rasi b/config/rofi/resolution/1080p/config.rasi
index 96a02930..18c057fc 100644
--- a/config/rofi/resolution/1080p/config.rasi
+++ b/config/rofi/resolution/1080p/config.rasi
@@ -1,249 +1,228 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (main) 1080p*/
+/* Main Config 1440p */
 
 /* ---- Configuration ---- */
+
 configuration {
-  modi: "drun,run,filebrowser";
-  font: "Fira Code SemiBold 12";
-  show-icons: true;
-  display-drun: "";
-  display-run: "";
-  display-filebrowser: "";
-  display-window: "󱂬";
-  drun-display-format: "{name}";
-  hover-select: true;
-  me-select-entry: "MouseSecondary";
-  me-accept-entry: "MousePrimary";
-  window-format: "{w} · {c} · {t}";
-  dpi: 1;
+	modi:                       "drun,run,filebrowser";
+	font:                       "Fira Code SemiBold 9";
+    show-icons:                 true;
+    display-drun:               "Apps";
+    display-run:                "Run";
+    display-filebrowser:        "Files";
+    display-window:             "Windows";
+	drun-display-format:        "{name}";
+	hover-select:               true;
+	me-select-entry:            "MouseSecondary";
+    me-accept-entry:            "MousePrimary";
+	window-format:              "{w} · {c} · {t}";
+	dpi:						1;
 }
 
-/* ---- Load pywal colors (custom wal template) ---- */
-@import "~/.config/rofi/pywal-color/pywal-theme.rasi"
+/* ---- Load pywal colors ---- */
+@theme "~/.cache/wal/colors-rofi-dark.rasi"
+
+/* ---- Global Properties ---- */
+* {
+
+    background-alt:              @selected-active-background; // Buttons backgroundr
+    selected:                    @selected-urgent-background; // Button selected
+    active:                      @selected-normal-background; // Window activated
+    urgent:                      @selected; // When hovering the activated window (maybe more?)
+
+    text-selected:               @background;
+    text-color:                  @foreground;
+    border-color:                @selected;
+}
 
 /* ---- Window ---- */
-  window {
-  width: 600px;
-  x-offset: 0px;
-  y-offset: 0px;
-  spacing: 0px;
-  padding: 1px;
-  margin: 0px;
-  border: 2px;
-  border-color: @active-background;
-  cursor: "default";
-  location: center;
-  anchor: center;
-  fullscreen: false;
-  enabled: true;
-  border-radius: 12px;
-  background-image: url("~/.config/rofi/.current_wallpaper", height);
+window {
+    // Default
+    enabled:                    true;
+    fullscreen:                 false;
+    transparency:               "real";
+    cursor:                     "default";
+    spacing:                    0px;
+    border:                     2px;
+    border-radius:              30px;
+    location:                   center;
+    anchor:                     center;
+
+    // Style Values
+    width:                      800px;
+    background-color:           #00000099;
 }
 
-/* ---- Mainbox ---- */
+/* ----- Main Box ----- */
 mainbox {
-  enabled: true;
-  orientation: vertical;
-  padding: 8px;
-  background-color: transparent;
-  children:
-    [ "inputbar",
-    "imagebox"];
-  border-radius: 12px;
+    enabled:                     true;
+    orientation:                 vertical;
+    children:                    [ "inputbar", "listbox" ];
+    background-color:            transparent;
 }
 
-/* ---- Imagebox ---- */
-imagebox {
-  background-color: transparent;
-  orientation: horizontal;
-  children:
-    [ "mode-switcher",
-    "listbox"];
-}
 
-/* ---- Listbox ---- */
-listbox {
-  spacing: 4px;
-  orientation: vertical;
-  children: [ "listview"];
-  padding: 6px;
-  border-radius: 12px;
-  border: 1px;
-  border-color: @active-background;
-  background-color: @background;
+/* ---- Inputbar ---- */
+inputbar {
+    enabled:                     true;
+    padding:                     10px 10px 200px 10px;
+    margin:                      10px;
+    background-color:            transparent;
+    border-radius:               25px;
+    orientation:                 horizontal;
+    children:                    ["entry", "dummy", "mode-switcher" ];
+    background-image:            url("~/.config/rofi/.current_wallpaper", width);
 }
 
-/* ---- Dummy ---- */
-dummy {
-  background-color: transparent;
+/* ---- Entry input ---- */
+entry {
+    enabled:                     true;
+    expand:                      false;
+    width:                       300px;
+    padding:                     10px;
+    border-radius:               12px;
+    background-color:            @background-alt;
+    text-color:                  inherit;
+    cursor:                      text;
+    placeholder:                 "  Search "; // << Search symbol
+    placeholder-color:           inherit;
 }
 
-/* ---- Inputbar ---- */
-inputbar {
-  enabled: true;
-  text-color: @foreground;
-  spacing: 10px;
-  border-radius: 12px;
-  border-color: @foreground;
-  background-color: @background;
-  children:
-    [ "textbox-prompt-colon",
-    "entry"];
-  border: 1px;
-  border-color: @active-background;
+/* ---- Listbox ---- */
+listbox {
+    spacing:                     10px;
+    padding:                     10px;
+    background-color:            transparent;
+    orientation:                 vertical;
+    children:                    [ "message", "listview" ];
 }
 
-textbox-prompt-colon {
-  enabled: true;
-  padding: 6px 0px 6px 10px;
-  expand: false;
-  str: "🐧";
-  text-color: inherit;
-  background-color: transparent;
+/* ---- Listview ---- */
+listview {
+    enabled:                     true;
+    columns:                     2;
+    lines:                       6;
+    cycle:                       true;
+    dynamic:                     true;
+    scrollbar:                   false;
+    layout:                      vertical;
+    reverse:                     false;
+    fixed-height:                true;
+    fixed-columns:               true;    
+    spacing:                     10px;
+    background-color:            transparent;
+
+//  Adapt rofi theme
+    border:                      0px;
 }
 
-entry {
-  enabled: true;
-  padding: 6px 0px 0px 0px;
-  text-color: inherit;
-  cursor: text;
-  placeholder: "Search (ctrl tab to choose mode)";
-  placeholder-color: inherit;
-  background-color: transparent;
+/* ---- Dummy ---- */
+dummy {
+    expand:                      true;
+    background-color:            transparent;
 }
 
 /* ---- Mode Switcher ---- */
-mode-switcher {
-  orientation: vertical;
-  enabled: true;
-  spacing: 12px;
-  background-color: transparent;
-  text-color: @foreground;
+mode-switcher{
+    enabled:                     true;
+    spacing:                     10px;
+    background-color:            transparent;
 }
-
 button {
-  padding: 0px 12px 0px 8px;
-  border-radius: 12px;
-  background-color: @background;
-  text-color: inherit;
-  cursor: pointer;
-  border: 1px;
-  border-color: @active-background;
+    width:                       80px;
+    padding:                     12px;
+    border-radius:               12px;
+    background-color:            @background-alt;
+    text-color:                  inherit;
+    cursor:                      pointer;
 }
-
 button selected {
-  background-color: @selected-normal-background;
-  text-color: @foreground;
-  border: 1px;
-  border-color: @background;
+    background-color:            @selected;
+    text-color:                  @text-selected;
 }
 
-/* ---- Listview ---- */
-listview {
-  enabled: true;
-  columns: 2;
-  lines: 5;
-  spacing: 2px;
-  padding: 6px;
-  dynamic: true;
-  cycle: true;
-  scrollbar: false;
-  layout: vertical;
-  reverse: false;
-  fixed-height: true;
-  fixed-columns: false;
-  background-color: transparent;
-  border-radius: 12px;
-  border: 0px;
-}
 
-/* ---- Element ---- */
+/* ---- Elements ---- */
 element {
-  enabled: true;
-  padding: 5px;
-  margin: 2px;
-  cursor: pointer;
-  background-color: transparent;
-  border-radius: 12px;
-  border: 0px;
+    enabled:                     true;
+    spacing:                     10px;
+    padding:                     4px;
+    border-radius:               10px;
+    background-color:            transparent;
+    cursor:                      pointer;
 }
 
+
 element normal.normal {
-  background-color: inherit;
-  text-color: @foreground;
+    background-color:            inherit;
+    text-color:                  inherit;
 }
-
 element normal.urgent {
-  background-color: inherit;
-  text-color: @foreground;
+    background-color:            @urgent;
+    text-color:                  @foreground;
 }
-
 element normal.active {
-  background-color: inherit;
-  text-color: @foreground;
+    background-color:            @active;
+    text-color:                  @foreground;
 }
 
 element selected.normal {
-  background-color: @selected-normal-background;
-  text-color: @foreground;
+    background-color:            @selected;
+    text-color:                  @text-selected;
 }
-
 element selected.urgent {
-  background-color: inherit;
-  text-color: @foreground;
+    background-color:            @urgent;
+    text-color:                  @text-selected;
 }
-
 element selected.active {
-  background-color: inherit;
-  text-color: @foreground;
+    background-color:            @urgent;
+    text-color:                  @text-selected;
 }
-
+// Adapt rofi theme
 element alternate.normal {
-  background-color: inherit;
-  text-color: @foreground;
+    background-color:            transparent;
+    text-color:                  inherit;
 }
-
 element alternate.urgent {
-  background-color: inherit;
-  text-color: @foreground;
+    background-color:            transparent;
+    text-color:                  inherit;
 }
-
 element alternate.active {
-  background-color: inherit;
-  text-color: @foreground;
+    background-color:            transparent;
+    text-color:                  inherit;
 }
-
 element-icon {
-  background-color: transparent;
-  text-color: inherit;
-  size: 32px;
-  cursor: inherit;
+    background-color:            transparent;
+    text-color:                  inherit;
+    size:                        36px;
+    cursor:                      inherit;
 }
-
 element-text {
-  background-color: transparent;
-  text-color: inherit;
-  cursor: inherit;
-  vertical-align: 0.5;
-  horizontal-align: 0;
+    background-color:            transparent;
+    font:                       "Fira Code SemiBold 12";
+    text-color:                  inherit;
+    cursor:                      inherit;
+    vertical-align:              0.5;
+    horizontal-align:            0.0;
+
 }
 
-/*****----- Message -----*****/
+/* ---- Message ---- */
 message {
-  background-color: @background;
-  margin: 20px 0px 0px 0px;
-  border-radius: 12px;
+    background-color:            transparent;
+    border:                      0px;
 }
-
 textbox {
-  padding: 10px;
-  background-color: @background;
-  text-color: @foreground;
+    padding:                     12px;
+    border-radius:               10px;
+    background-color:            @background-alt;
+    text-color:                  @foreground;
+    vertical-align:              0.5;
+    horizontal-align:            0.0;
 }
-
 error-message {
-  padding: 15px;
-  border-radius: 12px;
-  background-color: @background;
-  text-color: @foreground;
+    padding:                     12px;
+    border-radius:               20px;
+    background-color:            @background-alt;
+    text-color:                  @foreground;
 }
diff --git a/config/rofi/resolution/1440p/config.rasi b/config/rofi/resolution/1440p/config.rasi
index b4ef75e9..a2866102 100644
--- a/config/rofi/resolution/1440p/config.rasi
+++ b/config/rofi/resolution/1440p/config.rasi
@@ -1,247 +1,228 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (main) 1440p*/
+/* Main Config 1440p */
 
 /* ---- Configuration ---- */
+
 configuration {
-    modi:                       "drun,run,filebrowser";
-    font:                       "Fira Code SemiBold 14";
+	modi:                       "drun,run,filebrowser";
+	font:                       "Fira Code SemiBold 10";
     show-icons:                 true;
-    display-drun:               "";
-	display-run:                "";
-    display-filebrowser:        "";
-    display-window:             "󱂬";
+    display-drun:               "Apps";
+    display-run:                "Run";
+    display-filebrowser:        "Files";
+    display-window:             "Windows";
 	drun-display-format:        "{name}";
-    hover-select:               true;
-    me-select-entry:            "MouseSecondary";
+	hover-select:               true;
+	me-select-entry:            "MouseSecondary";
     me-accept-entry:            "MousePrimary";
-    window-format:              "{w} · {c} · {t}";
+	window-format:              "{w} · {c} · {t}";
 	dpi:						1;
-    
 }
 
-/* ---- Load pywal colors (custom wal template) ---- */
-@import "~/.config/rofi/pywal-color/pywal-theme.rasi"
+/* ---- Load pywal colors ---- */
+@theme "~/.cache/wal/colors-rofi-dark.rasi"
+
+/* ---- Global Properties ---- */
+* {
+
+    background-alt:              @selected-active-background; // Buttons backgroundr
+    selected:                    @selected-urgent-background; // Button selected
+    active:                      @selected-normal-background; // Window activated
+    urgent:                      @selected; // When hovering the activated window (maybe more?)
+
+    text-selected:               @background;
+    text-color:                  @foreground;
+    border-color:                @selected;
+}
 
 /* ---- Window ---- */
 window {
-    width:						650px;
-	/*height:						450px;*/
-    x-offset:                   0px;
-    y-offset:                   0px;
+    // Default
+    enabled:                    true;
+    fullscreen:                 false;
+    transparency:               "real";
+    cursor:                     "default";
     spacing:                    0px;
-    padding:                    1px;
-    margin:                     0px; 
     border:                     2px;
-    border-color:               @active-background;
-    cursor:                     "default";
+    border-radius:              30px;
     location:                   center;
     anchor:                     center;
-    fullscreen:                 false;
-    enabled:                    true;
-    border-radius:              12px;
-	background-image:           url("~/.config/rofi/.current_wallpaper", width);
- 	
+
+    // Style Values
+    width:                      900px;
+    background-color:           #00000099;
 }
 
-/* ---- Mainbox ---- */
+/* ----- Main Box ----- */
 mainbox {
-    enabled:                    true;
-    orientation:                vertical;
-	padding:					8px;
-    background-color:           transparent;
-    children:                   [ "inputbar", "imagebox" ];
-    border-radius:              12px;
+    enabled:                     true;
+    orientation:                 vertical;
+    children:                    [ "inputbar", "listbox" ];
+    background-color:            transparent;
 }
 
-/* ---- Imagebox ---- */
-imagebox {
-    background-color:           transparent;
-    orientation:                horizontal;
-    children:                   [ "mode-switcher",  "listbox"];
-}
 
-/* ---- Listbox ---- */
-listbox {
-    spacing:                    4px;
-    orientation:                vertical;
-    children:                   ["listview" ];
-	padding:					6px;
-    border-radius:              12px;
-    border:                     1px;
-    border-color:               @active-background;
-	background-color:		    @background;
+/* ---- Inputbar ---- */
+inputbar {
+    enabled:                     true;
+    padding:                     10px 10px 200px 10px;
+    margin:                      10px;
+    background-color:            transparent;
+    border-radius:               25px;
+    orientation:                 horizontal;
+    children:                    ["entry", "dummy", "mode-switcher" ];
+    background-image:            url("~/.config/rofi/.current_wallpaper", width);
 }
 
-/* ---- Dummy ---- */
-dummy {
-    background-color:           transparent;
+/* ---- Entry input ---- */
+entry {
+    enabled:                     true;
+    expand:                      false;
+    width:                       300px;
+    padding:                     10px;
+    border-radius:               12px;
+    background-color:            @background-alt;
+    text-color:                  inherit;
+    cursor:                      text;
+    placeholder:                 "  Search "; // << Search symbol
+    placeholder-color:           inherit;
 }
 
-/* ---- Inputbar ---- */
-inputbar {
-    enabled:                    true;
-    text-color:                 @foreground;
-    spacing:                    10px;
-    border-radius:              12px;
-    border-color:               @foreground;
-	background-color:		    @background;
-    children:                   [ "textbox-prompt-colon","entry" ];
-    border:                     1px;
-    border-color:               @active-background;
+/* ---- Listbox ---- */
+listbox {
+    spacing:                     10px;
+    padding:                     10px;
+    background-color:            transparent;
+    orientation:                 vertical;
+    children:                    [ "message", "listview" ];
 }
 
-textbox-prompt-colon {
-    enabled:                    true;
-	padding:					6px 0px 6px 10px;
-    expand:                     false;
-    str:                           "🐧";
-    text-color:                 inherit;
-	background-color:			transparent;
+/* ---- Listview ---- */
+listview {
+    enabled:                     true;
+    columns:                     2;
+    lines:                       8;
+    cycle:                       true;
+    dynamic:                     true;
+    scrollbar:                   false;
+    layout:                      vertical;
+    reverse:                     false;
+    fixed-height:                true;
+    fixed-columns:               true;    
+    spacing:                     10px;
+    background-color:            transparent;
+
+//  Adapt rofi theme
+    border:                      0px;
 }
 
-entry {
-    enabled:                    true;
-	padding:					6px 0px 0px 0px;
-    text-color:                 inherit;
-    cursor:                     text;
-    placeholder:                "Search (ctrl tab to choose mode)";
-    placeholder-color:          inherit;
-	background-color:			transparent;
+/* ---- Dummy ---- */
+dummy {
+    expand:                      true;
+    background-color:            transparent;
 }
 
 /* ---- Mode Switcher ---- */
 mode-switcher{
-	orientation:				vertical;
-    enabled:                    true;
-    spacing:                    12px;
-    background-color:          	transparent;
-    text-color:                 @foreground;
+    enabled:                     true;
+    spacing:                     10px;
+    background-color:            transparent;
 }
-
 button {
-    padding:                   0px 12px 0px 8px;
-    border-radius:             12px;
-    background-color:          @background;
-    text-color:                inherit;
-    cursor:                    pointer;
-    border:                     1px;
-    border-color:               @active-background;
+    width:                       80px;
+    padding:                     12px;
+    border-radius:               12px;
+    background-color:            @background-alt;
+    text-color:                  inherit;
+    cursor:                      pointer;
 }
-
 button selected {
-    background-color:          @selected-normal-background;
-    text-color:                @foreground;
-    border:                    1px;
-    border-color:              @background;
-	
+    background-color:            @selected;
+    text-color:                  @text-selected;
 }
 
-/* ---- Listview ---- */
-listview {
-	enabled:					true;
-	columns:					2;
-	lines:						5;
-	spacing:                    5px;
-	padding:					6px;
-	dynamic:                    true;
-	cycle:                      true;
-	scrollbar:                  false;
-	layout:                     vertical;
-	reverse:                    false;
-	fixed-height:               true;
-	fixed-columns:              false;
-	background-color:           transparent;
-	border-radius:   	        12px;
-	border:						0px;
-}
 
-/* ---- Element ---- */
+/* ---- Elements ---- */
 element {
-    enabled:                    true;
-    padding:                    5px;
-    margin:                     2px;
-    cursor:                     pointer;
-    background-color:         	transparent;
-    border-radius:              12px;
-    border:                     0px;
+    enabled:                     true;
+    spacing:                     10px;
+    padding:                     4px;
+    border-radius:               10px;
+    background-color:            transparent;
+    cursor:                      pointer;
 }
 
+
 element normal.normal {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            inherit;
+    text-color:                  inherit;
 }
-
 element normal.urgent {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            @urgent;
+    text-color:                  @foreground;
 }
-
 element normal.active {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            @active;
+    text-color:                  @foreground;
 }
 
 element selected.normal {
-    background-color:           @selected-normal-background;
-    text-color:                 @foreground;
+    background-color:            @selected;
+    text-color:                  @text-selected;
 }
-
 element selected.urgent {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            @urgent;
+    text-color:                  @text-selected;
 }
-
 element selected.active {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            @urgent;
+    text-color:                  @text-selected;
 }
-
+// Adapt rofi theme
 element alternate.normal {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            transparent;
+    text-color:                  inherit;
 }
-
 element alternate.urgent {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            transparent;
+    text-color:                  inherit;
 }
-
 element alternate.active {
-    background-color:           inherit;
-    text-color:                 @foreground;
+    background-color:            transparent;
+    text-color:                  inherit;
 }
-
 element-icon {
-    background-color:           transparent;
-    text-color:                 inherit;
-    size:                       32px;
-    cursor:                     inherit;
+    background-color:            transparent;
+    text-color:                  inherit;
+    size:                        36px;
+    cursor:                      inherit;
 }
-
 element-text {
-    background-color:           transparent;
-    text-color:                 inherit;
-    cursor:                     inherit;
-    vertical-align:             0.5;
-    horizontal-align:           0;
+    background-color:            transparent;
+    font:                       "Fira Code SemiBold 14";
+    text-color:                  inherit;
+    cursor:                      inherit;
+    vertical-align:              0.5;
+    horizontal-align:            0.0;
+
 }
 
-/*****----- Message -----*****/
+/* ---- Message ---- */
 message {
-    background-color:           @background;
-    margin:						20px 0px 0px 0px;
-    border-radius: 				12px;
+    background-color:            transparent;
+    border:                      0px;
 }
-
 textbox {
-    padding:                    10px;
-    background-color:      		@background;
-    text-color:                 @foreground;
+    padding:                     12px;
+    border-radius:               10px;
+    background-color:            @background-alt;
+    text-color:                  @foreground;
+    vertical-align:              0.5;
+    horizontal-align:            0.0;
 }
-
 error-message {
-    padding:                    15px;
-    border-radius:            	12px;
-    background-color:      		@background;
-    text-color:                 @foreground;
+    padding:                     12px;
+    border-radius:               20px;
+    background-color:            @background-alt;
+    text-color:                  @foreground;
 }