Update Launcher Style

rofi/config.rasi

@@ -9,94 +9,241 @@
 # ----------------------------------------------------- 
 */
 
+/* ---- Configuration ---- */
 configuration {
-  display-drun: "Applications";
+    modi:                       "drun,run";
-  display-window: "Windows";
-  drun-display-format: "{name}";
     font:                       "Fira Sans Bold 12";
-  modi: "window,run,drun";
     show-icons:                 true;
     icon-theme:                 "kora";
+    display-drun:               "APPS";
+    display-run:                "RUN";
+    display-filebrowser:        "FILES";
+    display-window:             "WINDOW";
+	drun-display-format:        "{name}";
+    window-format:              "{w} · {c} · {t}";
+    
 }
 
-/* Dark theme. */
+/* ---- Load pywal colors (custom wal template) ---- */
-@import "~/.cache/wal/colors-rofi-dark"
+@import "~/.cache/wal/colors-rofi-pywal"
 
+/* ---- Window ---- */
 window {
     width:                        900px;
-  height:556px;
+    x-offset:                     0px;
+    y-offset:                     0px;
     spacing:                      0px;
     padding:                      0px;
     margin:                       0px; 
-
+    color:                        #FFFFFF;
     border:                       3px;
     border-color:                 #FFFFFF;
-  border-radius:15px;
-
     cursor:                       "default";
     transparency:                 "real";
-  fullscreen: "false";
+    location:                     center;
-  background-color: transparent;
+    anchor:                       center;
-}
+    fullscreen:                   false;
-
-mainbox {
-  spacing:0px;
-  margin:0px;
-  padding: 0px 0px 0px 500px;
-  background-image: url("~/.cache/current_wallpaper.jpg", height);
-}
-
-inputbar {
-  spacing: 0px;
-  enabled:false;
-  hidden:true;
-  backgound-color: transparent;
-}
-
-listview {
-  spacing:0px;
-  padding: 10px;
-  margin:0px;
-  background-color:transparent;
-  scrollbar: false;
-  dynamic: true;
-}
-
-// Elements //
-element {
     enabled:                      true;
-  padding: 10px;
-  margin: 3px;
-  cursor: pointer;
-  background-color: transparent;
     border-radius:                10px;
+    background-color:             transparent;
 }
 
-element selected {
+/* ---- Mainbox ---- */
-  border:3px;
+mainbox {
-  border-color: #FFFFFF;
+    enabled:                      true;
-  background: #CCFFFFFF;
+    orientation:                  horizontal;
+    spacing:                      0px;
+    margin:                       0px;
+    background-color:             @background;
+    background-image:             url("~/.cache/current_wallpaper.jpg", height);
+    children:                     ["imagebox","listbox"];
 }
 
-element-icon {
+/* ---- Imagebox ---- */
-  size:40px;
+imagebox {
-  padding: 0px 10px 0px 0px;
+    padding:                      18px;
+    background-color:             transparent;
+    orientation:                  vertical;
+    children:                     [ "inputbar", "dummy", "mode-switcher" ];
 }
 
-element-text {
+/* ---- Listbox ---- */
-    vertical-align:              0.5;
+listbox {
-    horizontal-align:            0.0;
+    spacing:                     20px;
-    cursor:                      inherit;
+    background-color:            transparent;
+    orientation:                 vertical;
+    children:                    [ "message", "listview" ];
+}
+
+/* ---- Dummy ---- */
+dummy {
+    background-color:            transparent;
+}
+
+/* ---- Inputbar ---- */
+inputbar {
+    enabled:                      true;
+    text-color:                   @foreground;
+    spacing:                      10px;
+    padding:                      15px;
+    border-radius:                10px;
+    border-color:                 @foreground;
+    background-color:             @background;
+    children:                     [ "textbox-prompt-colon", "entry" ];
+}
+
+textbox-prompt-colon {
+    enabled:                      true;
+    expand:                       false;
+    str:                          "";
     background-color:             transparent;
     text-color:                   inherit;
 }
 
-prompt {
-  text-color:#ffffff;
-}
-
 entry {
-  text-color:#ffffff;
+    enabled:                      true;
+    background-color:             transparent;
+    text-color:                   inherit;
+    cursor:                       text;
+    placeholder:                  "Search";
+    placeholder-color:            inherit;
 }
 
-/* vim: ft=sass
+/* ---- 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:             @color11;
+    text-color:                   @foreground;
+}
+
+/* ---- Listview ---- */
+listview {
+    enabled:                      true;
+    columns:                      1;
+    lines:                        8;
+    cycle:                        true;
+    dynamic:                      true;
+    scrollbar:                    false;
+    layout:                       vertical;
+    reverse:                      false;
+    fixed-height:                 true;
+    fixed-columns:                true;
+    spacing:                      0px;
+    padding:                      10px;
+    margin:                       0px;
+    background-color:             @background;
+    border:0px;
+}
+
+/* ---- Element ---- */
+element {
+    enabled:                      true;
+    padding:                      10px;
+    margin:                       5px;
+    cursor:                       pointer;
+    background-color:             @background;
+    border-radius:                10px;
+    border:                       2px;
+}
+
+element normal.normal {
+    background-color:            inherit;
+    text-color:                  @foreground;
+}
+
+element normal.urgent {
+    background-color:            inherit;
+    text-color:                  @foreground;
+}
+
+element normal.active {
+    background-color:            inherit;
+    text-color:                  @foreground;
+}
+
+element selected.normal {
+    background-color:            @color11;
+    text-color:                  @foreground;
+}
+
+element selected.urgent {
+    background-color:            inherit;
+    text-color:                  @foreground;
+}
+
+element selected.active {
+    background-color:            inherit;
+    text-color:                  @foreground;
+}
+
+element alternate.normal {
+    background-color:            inherit;
+    text-color:                  @foreground;
+}
+
+element alternate.urgent {
+    background-color:            inherit;
+    text-color:                  @foreground;
+}
+
+element alternate.active {
+    background-color:            inherit;
+    text-color:                  @foreground;
+}
+
+element-icon {
+    background-color:            transparent;
+    text-color:                  inherit;
+    size:                        32px;
+    cursor:                      inherit;
+}
+
+element-text {
+    background-color:            transparent;
+    text-color:                  inherit;
+    cursor:                      inherit;
+    vertical-align:              0.5;
+    horizontal-align:            0.0;
+}
+
+/*****----- 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;
+    text-color:                  @foreground;
+    vertical-align:              0.5;
+    horizontal-align:            0.0;
+}
+
+error-message {
+    padding:                     15px;
+    border-radius:               20px;
+    background-color:            @background;
+    text-color:                  @foreground;
+}

wal/templates/colors-rofi-pywal.rasi

@@ -0,0 +1,20 @@
+* {{
+    background: rgba(0,0,1,0.5);
+    foreground: {foreground};
+    color0:     {color0};
+    color1:     {color1};
+    color2:     {color2};
+    color3:     {color3};
+    color4:     {color4};
+    color5:     {color5};
+    color6:     {color6};
+    color7:     {color7};
+    color8:     {color8};
+    color9:     {color9};
+    color10:    {color10};
+    color11:    {color11};
+    color12:    {color12};
+    color13:    {color13};
+    color14:    {color14};
+    color15:    {color15};
+}}