Semi transparent rofi theme. See wiki changelogs

1 files changed, 41 insertions, 55 deletions

diff --git a/config/rofi/config-wallpaper.rasi b/config/rofi/config-wallpaper.rasi
index a55cdafa..036397c3 100644
--- a/config/rofi/config-wallpaper.rasi
+++ b/config/rofi/config-wallpaper.rasi
@@ -1,5 +1,5 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-/* Main Config wallpaper*/
+/* Main Config wallpaper */
 
 /* ---- Configuration ---- */
 configuration {
@@ -16,7 +16,7 @@ configuration {
     me-accept-entry:            "MousePrimary";
     window-format:              "{w} · {c} · {t}";
 	dpi:						1;
-    
+    fake-transparency:          true;
 }
 
 /* ---- Load pywal colors (custom wal template) ---- */
@@ -24,48 +24,53 @@ configuration {
 
 /* ---- Window ---- */
 window {
-    width:						40%;
+    width:						34%;
     x-offset:                   0px;
     y-offset:                   0px;
     spacing:                    0px;
     padding:                    2px;
     margin:                     0px; 
-    color:                      transparent;
-    border:                     1px;
+    border:                     2px;
     border-color:               @active-background;
     cursor:                     "default";
-    transparency:               "real";
     location:                   center;
     anchor:                     center;
     fullscreen:                 false;
     enabled:                    true;
     border-radius:              15px;
+    border-radius:              15px;
+ 	background-color:           @background-color;
 }
 
 /* ---- Mainbox ---- */
 mainbox {
     enabled:                    true;
     orientation:                horizontal;
-	padding:					20px;
-    background-image:           url("~/.config/rofi/.current_wallpaper", both);
-    children:                   [ "imagebox", "listbox" ];
-	border-radius:              10px;
+	padding:					15px;
+    background-image:           url("~/.config/rofi/.current_wallpaper", width);
+    children:                   [ "imagebox"];
+    border-radius:              12px;
+    background-color:      		@background90;
 }
 
 /* ---- Imagebox ---- */
 imagebox {
     background-color:           transparent;
     orientation:                vertical;
-    children:                   [ "inputbar", "dummy", "mode-switcher" ];
+    children:                   [ "inputbar", "listbox"];
 }
 
 /* ---- Listbox ---- */
 listbox {
     spacing:                    4px;
-    background-color:           transparent;
     orientation:                vertical;
     children:                   [ "listview" ];
+    border-radius:              10px;
+    border:                     1px;
+    border-color:               @active-background;
+	background-color:		    @background90;
 }
+
 /* ---- Dummy ---- */
 dummy {
     background-color:           transparent;
@@ -76,66 +81,47 @@ inputbar {
     enabled:                    true;
     text-color:                 @foreground;
     spacing:                    10px;
-    padding:                    10px;
+    padding:                    14px;
     border-radius:              10px;
     border-color:               @foreground;
-	background-color:		    @backrgound;
+	background-color:		    @background90;
     children:                   [ "textbox-prompt-colon", "entry" ];
+    border:                     1px;
+    border-color:               @active-background;
 }
 
 textbox-prompt-colon {
     enabled:                    true;
     expand:                     false;
-    str:                        	"󰸉 ";
+    str:                        "󰸉 ";
     text-color:                 inherit;
-	background-color:		    transparent;
+	background-color:			transparent;
 }
 
 entry {
     enabled:                    true;
-    background-color:           transparent;
     text-color:                 inherit;
     cursor:                     text;
-    placeholder:                "Choose Desired wallpaper";
+    placeholder:                "Choose Wallpaper";
     placeholder-color:          inherit;
-}
-
-/* ---- Mode Switcher ---- */
-mode-switcher{
-    enabled:                    true;
-    spacing:                    20px;
-    background-color:           transparent;
-    text-color:                 @foreground;
-}
-
-button {
-    padding:                   10px;
-    border-radius:             10px;
-    background-color:          transparent;
-    text-color:                inherit;
-    cursor:                    pointer;
-}
-
-button selected {
-    background-color:          @selected-normal-background;
-    text-color:                @foreground;
+	background-color:			transparent;
 }
 
 /* ---- Listview ---- */
 listview {
-    enabled:                   true;
-    columns:                   1;
-    lines:                     8;
-  spacing:                     4px;
-  dynamic:                     true;
-  cycle:                       true;
-  scrollbar:                   true;
-  layout:                      vertical;
-  reverse:                     false;
-  fixed-height:                true;
-  fixed-columns:               false;
-	background-color:            @background;
-	border-radius:             10px;
+	enabled:					 true;
+	columns:					 2;
+	lines:						 5;
+	spacing:                     4px;
+	dynamic:                     true;
+	cycle:                       true;
+	scrollbar:                   true;
+	layout:                      vertical;
+	reverse:                     false;
+	fixed-height:                true;
+	fixed-columns:               false;
+	background-color:            transparent;
+	border-radius:             	 10px;
 }
 
 /* ---- Element ---- */
@@ -144,7 +130,7 @@ element {
     padding:                    5px;
     margin:                     2px;
     cursor:                     pointer;
-    background-color:           transparent;
+    background-color:         transparent;
     border-radius:              10px;
     border:                     0px;
 }
@@ -211,14 +197,14 @@ element-text {
 
 /*****----- Message -----*****/
 message {
-    background-color:           transparent;
+    background-color:           @background;
     margin:						20px 0px 0px 0px;
     border-radius: 				10px;
 }
 
 textbox {
     padding:                    15px;
-    background-color:      transparent;
+    background-color:      @background;
     text-color:                 @foreground;
 }