feat: split panels for waybar;

refactor: waybar, swaync and rofi now share colors;
refactor: removed windows from rofi, niced colors;
fix: transparency blur arifacts;

rofi-wayland/launchers/type-6/launcher.sh

@@ -16,10 +16,10 @@ if [[ ! -e /tmp/rofi-theme.rasi ]]; then
   cp ${dir}/${theme}.rasi /tmp/rofi-theme.rasi
 fi
 
-rm /tmp/rofi-img.jpg
-ln -s $image /tmp/rofi-img.jpg 
+rm /tmp/rofi-img.png
+ln -s $image /tmp/rofi-img.png 
 
 rofi \
-    -modes drun,run,window,calc \
+    -modes drun,run,calc \
     -show drun \
     -theme /tmp/rofi-theme.rasi

rofi-wayland/launchers/type-6/style-7.rasi

@@ -12,23 +12,28 @@ configuration {
 	modi:                       "drun,run,filebrowser,window";
     show-icons:                 true;
     display-drun:               "アプリ";
-    display-window:             "ウィンドウ";
+    display-window:             "実行中";
     display-filebrowser:        "ファイル"; 
     display-run:                "実行";
-    display-calc:               "計算機";
+    display-calc:               "電卓";
 	drun-display-format:        "{name}";
 	window-format:              "{w} · {c} · {t}";
 }
 
 /*****----- Global Properties -----*****/
 * {
-    font:                        "JetBrains Mono Nerd Font 10";
-    background:     #1c1c1cba;
-    background-alt: #1c1c1cca;
-    foreground:     #FFe8EE;
-    selected:       #9E2238dd;
-    active:         #9E2238;
-    urgent:         #D14781;
+    font:                "JetBrains Mono Nerd Font 10";
+    background:        #1c1c1cdd;
+    background-alt:    #303030ff;
+    button-shape-top: #505050ff;
+    button-shape-bottom: #303030ff;
+    background-button: #2e2d31ff;
+    background-input: #1c1c1cff;
+    border:            #48535Ccf;
+    foreground:        #FFe8EE;
+    selected:          #9E2238dd;
+    active:            #9E2238;
+    urgent:            #D14781;
 }
 
 /*****----- Main Window -----*****/
@@ -38,13 +43,14 @@ window {
     location:                    center;
     anchor:                      center;
     fullscreen:                  false;
-    height:                      500px;
-    width:                       1000px;
+    height:                      450px;
+    width:                       900px;
     x-offset:                    0px;
     y-offset:                    0px;
 
     border-radius:               15px;
-    border-color:                @selected;
+    border:                      3px;
+    border-color:                @border;
 
     /* properties for all widgets */
     enabled:                     true;
@@ -67,7 +73,7 @@ mainbox {
 imagebox {
     padding:                     20px;
     background-color:            transparent;
-    background-image:            url("/tmp/rofi-img.jpg", width);
+    background-image:            url("/tmp/rofi-img.png", width);
     orientation:                 vertical;
     children:                    [ "inputbar", "dummy", "mode-switcher" ];
 }
@@ -90,9 +96,11 @@ inputbar {
     spacing:                     10px;
     padding:                     15px;
     border-radius:               10px;
-    background-color:            @background-alt;
+    background-color:            @background-input;
     text-color:                  @foreground;
     children:                    [ "textbox-prompt-colon", "entry" ];
+    border-color:                @background-alt;
+    border:                      1px;
 }
 textbox-prompt-colon {
     enabled:                     true;
@@ -120,13 +128,17 @@ mode-switcher{
 button {
     padding:                     15px;
     border-radius:               10px;
-    background-color:            @background-alt;
+    background-color:            @background-button;
     text-color:                  inherit;
     cursor:                      pointer;
+    border-color:                @button-shape-top;
+    border: 1px 0 0 0;
+
 }
 button selected {
     background-color:            @selected;
     text-color:                  @foreground;
+    border: 0;
 }
 
 /*****----- Listview -----*****/