Semi transparent rofi theme. See wiki changelogs

1 files changed, 51 insertions, 78 deletions

diff --git a/config/rofi/config-compact.rasi b/config/rofi/config-compact.rasi
index a6c2e2de..539a1830 100644
--- a/config/rofi/config-compact.rasi
+++ b/config/rofi/config-compact.rasi
@@ -1,5 +1,6 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config (long) */
+/* Main Config compact */
+
 /* ---- Configuration ---- */
 configuration {
     modi:                       "drun,run";
@@ -15,6 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -26,48 +28,49 @@ window {
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
-    padding:                    0px;
+    padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
     border:                     2px;
-    border-color:               @background;
+    border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
-    orientation:                vertical;
-    spacing:                    0px;
-    margin:                     0px;
-	padding:					20px;
-    background-image:    url("~/.config/rofi/.current_wallpaper", both);
-    children:                   [ "listbox" ];
-    border-radius:              10px;
+    orientation:                horizontal;
+	padding:					15px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", height);
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
-    padding:                    6px;
-    background-color:      transparent;
+    background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
-    spacing:                    20px;
-    background-color:           transparent;
+    spacing:                    4px;
     orientation:                vertical;
-    children:                   [ "inputbar", "message", "listview" ];
+    children:                   [ "listview" ];
     border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -78,81 +81,58 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		@background;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        "🔎 ";
+    str:                        "";
     text-color:                 inherit;
-	background-color:		transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Search";
+    placeholder:                "View / Edit Hyprland Configs";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                    10px;
-    border-radius:              10px;
-    background-color:           @background;
-    text-color:                 inherit;
-    cursor:                     pointer;
-    border:                     0px;
-}
-
-button selected {
-    background-color:           @selected-normal-background;
-    text-color:                 @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                    true;
-    columns:                    1;
-    lines:                      7;
-    cycle:                      true;
-    dynamic:                    true;
-    scrollbar:                  false;
-    layout:                     vertical;
-    reverse:                    false;
-    fixed-height:               true;
-    fixed-columns:              true;
-    spacing:                    0px;
-    padding:                    2px;
-    margin:                     0px;
-    border-radius:              10px;
-    border:                     0px;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					 true;
+	columns:					 1;
+	lines:						 7;
+	spacing:                     4px;
+	dynamic:                     true;
+	cycle:                       true;
+	scrollbar:                   false;
+	layout:                      vertical;
+	reverse:                     false;
+	fixed-height:                true;
+	fixed-columns:               false;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
 element {
     enabled:                    true;
-    padding:                    2px;
+    padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           transparent;
+    background-color:         	transparent;
     border-radius:              10px;
+    border:                     0px;
 }
 
 element normal.normal {
@@ -217,27 +197,20 @@ element-text {
 
 /*****----- Message -----*****/
 message {
-    background-color:           transparent;
-    border:						0px;
+    background-color:           @background;
     margin:						20px 0px 0px 0px;
-    padding:					0px;
-    spacing:					0px;
     border-radius: 				10px;
 }
 
 textbox {
-    padding:                    6px;
-    margin:                     0px;
-    border-radius:              0px;
-    background-color:           transparent;
+    padding:                    15px;
+    background-color:      @background;
     text-color:                 @foreground;
-    vertical-align:             0.5;
-    horizontal-align:           0.0;
 }
 
 error-message {
-    padding:                    6px;
-    border-radius:              20px;
-    background-color:           @background;
+    padding:                    15px;
+    border-radius:            20px;
+    background-color:      @background;
     text-color:                 @foreground;
 }