feat(polybar): update polybar style

7 files changed, 559 insertions, 0 deletions

diff --git a/config/polybar/panels/menu/elementary/colors.rasi b/config/polybar/panels/menu/elementary/colors.rasi
new file mode 100644
index 0000000..c4d19c7
--- /dev/null
+++ b/config/polybar/panels/menu/elementary/colors.rasi
@@ -0,0 +1,9 @@
+/* colors */
+
+* {
+  al:   #00000000;
+  bg:   #F5F5F5FF;
+  bga:  #8080804C;
+  fg:   #000000A6;
+  ac:   #80808066;
+}
diff --git a/config/polybar/panels/menu/elementary/confirm.rasi b/config/polybar/panels/menu/elementary/confirm.rasi
new file mode 100644
index 0000000..cdcb9ea
--- /dev/null
+++ b/config/polybar/panels/menu/elementary/confirm.rasi
@@ -0,0 +1,25 @@
+/* Confirm Dialog */
+
+@import "colors.rasi"
+
+* {
+    background-color:       @bg;
+    text-color:             @fg;
+	font:				 	"Iosevka Nerd Font 10";
+}
+
+window {
+    width:      			200px;
+    padding:    			20px;
+    border:					0px;
+    border-radius:          4px;
+    border-color:           @ac;
+    location:               center;
+    y-offset:               -2em;
+}
+
+entry {
+    expand: 				true;
+    text-color:				@fg;
+}
+
diff --git a/config/polybar/panels/menu/elementary/launcher.rasi b/config/polybar/panels/menu/elementary/launcher.rasi
new file mode 100644
index 0000000..f6899e5
--- /dev/null
+++ b/config/polybar/panels/menu/elementary/launcher.rasi
@@ -0,0 +1,119 @@
+/*
+ *
+ * Author  : Aditya Shakya
+ * Mail    : adi1090x@gmail.com
+ * Github  : @adi1090x
+ * Twitter : @adi1090x
+ *
+ */
+
+configuration {
+	font:							"Iosevka Nerd Font 10";
+    show-icons:                     true;
+	icon-theme: 					"Papirus";
+    display-drun: 					"";
+    drun-display-format:            "{name}";
+    disable-history:                false;
+    fullscreen:                     false;
+	hide-scrollbar: 				true;
+	sidebar-mode: 					false;
+}
+
+@import "colors.rasi"
+
+window {
+    transparency:                   "real";
+    background-color:               @bg;
+    text-color:                     @fg;
+	border:							0px;
+	border-color:					@ac;
+    border-radius:                  4px;
+	width:							600px;
+    location:                       northwest;
+    x-offset:                       10;
+    y-offset:                       40;
+}
+
+prompt {
+    enabled: 						true;
+	padding: 						0px 0px 0px 2px;
+	background-color: 				@al;
+	text-color: 					@fg;
+	font:							"feather 12";
+}
+
+entry {
+    background-color:               @al;
+    text-color:                     @fg;
+    placeholder-color:              @fg;
+    expand:                         true;
+    horizontal-align:               0;
+    placeholder:                    "Search Applications";
+    padding:                        0px 0px 0px 5px;
+    blink:                          true;
+}
+
+inputbar {
+	children: 						[ prompt, entry ];
+    background-color:               @al;
+    text-color:                     @fg;
+    expand:                         false;
+	border:							1px;
+    border-radius:                  4px;
+	border-color:					@ac;
+    margin:                         0px;
+    padding:                        6px;
+}
+
+listview {
+    background-color:               @al;
+    padding:                        0px;
+    columns:                        5;
+    lines:                          3;
+    spacing:                        0px;
+    cycle:                          true;
+    dynamic:                        true;
+    layout:                         vertical;
+}
+
+mainbox {
+    background-color:               @al;
+	border:							0px;
+    border-radius:                  0px;
+	border-color:					@ac;
+    children:                       [ inputbar, listview ];
+    spacing:                       	10px;
+    padding:                        10px;
+}
+
+element {
+    background-color:               @al;
+    text-color:                     @fg;
+    orientation:                    vertical;
+    border-radius:                  0px;
+    padding:                        20px 15px 20px 15px;
+}
+
+element-icon {
+    background-color:               transparent;
+    text-color:               		inherit;
+    size:                           64px;
+    border:                         0px;
+}
+
+element-text {
+    background-color:               transparent;
+    text-color:               		inherit;
+    expand:                         true;
+    horizontal-align:               0.5;
+    vertical-align:                 0.5;
+    margin:                         0px 2.5px 0px 2.5px;
+}
+
+element selected {
+    background-color:               @bga;
+    text-color:                     @fg;
+	border:							1px;
+    border-radius:                  4px;
+    border-color:                  	@ac;
+}
diff --git a/config/polybar/panels/menu/elementary/message.rasi b/config/polybar/panels/menu/elementary/message.rasi
new file mode 100644
index 0000000..e571507
--- /dev/null
+++ b/config/polybar/panels/menu/elementary/message.rasi
@@ -0,0 +1,25 @@
+/* Confirm Dialog */
+
+@import "colors.rasi"
+
+* {
+    background-color:       @bg;
+    text-color:             @fg;
+	font:				 	"Iosevka Nerd Font 10";
+}
+
+window {
+    width:      			310px;
+    padding:    			20px;
+    border:					0px;
+    border-radius:          4px;
+    border-color:           @ac;
+    location:               center;
+    y-offset:               -2em;
+}
+
+entry {
+    expand: 				true;
+    text-color:				@fg;
+}
+
diff --git a/config/polybar/panels/menu/elementary/networkmenu.rasi b/config/polybar/panels/menu/elementary/networkmenu.rasi
new file mode 100644
index 0000000..76b20c3
--- /dev/null
+++ b/config/polybar/panels/menu/elementary/networkmenu.rasi
@@ -0,0 +1,127 @@
+/*
+ *
+ * Author  : Aditya Shakya
+ * Mail    : adi1090x@gmail.com
+ * Github  : @adi1090x
+ * Twitter : @adi1090x
+ *
+ */
+
+configuration {
+	font:							"Iosevka Nerd Font 10";
+    show-icons:                     true;
+	icon-theme: 					"Papirus";
+    display-drun: 					"";
+    drun-display-format:            "{name}";
+    disable-history:                false;
+    fullscreen:                     false;
+	hide-scrollbar: 				true;
+	sidebar-mode: 					false;
+}
+
+@import "colors.rasi"
+
+window {
+    transparency:                   "real";
+    background-color:               @bg;
+    text-color:                     @fg;
+	border:							0px;
+	border-color:					@ac;
+    border-radius:                  4px;
+	width:							300px;
+    location:                       northeast;
+    x-offset:                       -10;
+    y-offset:                       40;
+}
+
+prompt {
+    enabled: 						true;
+	padding: 						0px 0px 0px 8px;
+	background-color: 				@al;
+	text-color: 					@fg;
+}
+
+textbox-prompt-colon {
+	padding: 						1px 0px 0px 5px;
+	background-color: 				@al;
+	text-color: 					@fg;
+	expand: false;
+	str: "";
+	font:							"feather 10";
+}
+
+entry {
+    background-color:               @al;
+    text-color:                     @fg;
+    placeholder-color:              @fg;
+    expand:                         true;
+    horizontal-align:               0;
+    placeholder:                    "Search Applications";
+    padding:                        0px 0px 0px 5px;
+    blink:                          true;
+}
+
+inputbar {
+	children: 						[ textbox-prompt-colon, prompt ];
+    background-color:               @al;
+    text-color:                     @fg;
+    expand:                         false;
+	border:							1px;
+    border-radius:                  4px;
+	border-color:					@ac;
+    margin:                         0px;
+    padding:                        6px;
+}
+
+listview {
+    background-color:               @al;
+    padding:                        0px;
+    columns:                        1;
+    lines:                          8;
+    spacing:                        0px;
+    cycle:                          true;
+    dynamic:                        true;
+    layout:                         vertical;
+}
+
+mainbox {
+    background-color:               @al;
+	border:							0px;
+    border-radius:                  0px;
+	border-color:					@ac;
+    children:                       [ inputbar, listview ];
+    spacing:                       	10px;
+    padding:                        10px;
+}
+
+element {
+    background-color:               @al;
+    text-color:                     @fg;
+    orientation:                    horizontal;
+    border-radius:                  0px;
+    padding:                        4px 4px 4px -18px;
+}
+
+element-icon {
+    background-color:               transparent;
+    text-color:               		inherit;
+    size:                           24px;
+    border:                         0px;
+}
+
+element-text {
+    background-color:               transparent;
+    text-color:               		inherit;
+    expand:                         true;
+    horizontal-align:               0;
+    vertical-align:                 0.5;
+    margin:                         0px 2.5px 0px 2.5px;
+}
+
+element selected {
+    background-color:               @bga;
+    text-color:                     @fg;
+	border:							1px;
+    border-radius:                  4px;
+    border-color:                  	@ac;
+}
diff --git a/config/polybar/panels/menu/elementary/powermenu.rasi b/config/polybar/panels/menu/elementary/powermenu.rasi
new file mode 100644
index 0000000..048a09e
--- /dev/null
+++ b/config/polybar/panels/menu/elementary/powermenu.rasi
@@ -0,0 +1,127 @@
+/*
+ *
+ * Author  : Aditya Shakya
+ * Mail    : adi1090x@gmail.com
+ * Github  : @adi1090x
+ * Twitter : @adi1090x
+ *
+ */
+
+configuration {
+	font:							"Iosevka Nerd Font 10";
+    show-icons:                     true;
+	icon-theme: 					"Papirus";
+    display-drun: 					"";
+    drun-display-format:            "{name}";
+    disable-history:                false;
+    fullscreen:                     false;
+	hide-scrollbar: 				true;
+	sidebar-mode: 					false;
+}
+
+@import "colors.rasi"
+
+window {
+    transparency:                   "real";
+    background-color:               @bg;
+    text-color:                     @fg;
+	border:							0px;
+	border-color:					@ac;
+    border-radius:                  4px;
+	width:							300px;
+    location:                       northeast;
+    x-offset:                       -10;
+    y-offset:                       40;
+}
+
+prompt {
+    enabled: 						true;
+	padding: 						0px 0px 0px 8px;
+	background-color: 				@al;
+	text-color: 					@fg;
+}
+
+textbox-prompt-colon {
+	padding: 						1px 0px 0px 5px;
+	background-color: 				@al;
+	text-color: 					@fg;
+	expand: false;
+	str: "";
+	font:							"feather 10";
+}
+
+entry {
+    background-color:               @al;
+    text-color:                     @fg;
+    placeholder-color:              @fg;
+    expand:                         true;
+    horizontal-align:               0;
+    placeholder:                    "Search Applications";
+    padding:                        0px 0px 0px 5px;
+    blink:                          true;
+}
+
+inputbar {
+	children: 						[ textbox-prompt-colon, prompt ];
+    background-color:               @al;
+    text-color:                     @fg;
+    expand:                         false;
+	border:							1px;
+    border-radius:                  4px;
+	border-color:					@ac;
+    margin:                         0px;
+    padding:                        6px;
+}
+
+listview {
+    background-color:               @al;
+    padding:                        0px;
+    columns:                        1;
+    lines:                          5;
+    spacing:                        0px;
+    cycle:                          true;
+    dynamic:                        true;
+    layout:                         vertical;
+}
+
+mainbox {
+    background-color:               @al;
+	border:							0px;
+    border-radius:                  0px;
+	border-color:					@ac;
+    children:                       [ inputbar, listview ];
+    spacing:                       	10px;
+    padding:                        10px;
+}
+
+element {
+    background-color:               @al;
+    text-color:                     @fg;
+    orientation:                    horizontal;
+    border-radius:                  0px;
+    padding:                        4px 4px 4px -18px;
+}
+
+element-icon {
+    background-color:               transparent;
+    text-color:               		inherit;
+    size:                           24px;
+    border:                         0px;
+}
+
+element-text {
+    background-color:               transparent;
+    text-color:               		inherit;
+    expand:                         true;
+    horizontal-align:               0;
+    vertical-align:                 0.5;
+    margin:                         0px 2.5px 0px 2.5px;
+}
+
+element selected {
+    background-color:               @bga;
+    text-color:                     @fg;
+	border:							1px;
+    border-radius:                  4px;
+    border-color:                  	@ac;
+}
diff --git a/config/polybar/panels/menu/elementary/styles.rasi b/config/polybar/panels/menu/elementary/styles.rasi
new file mode 100644
index 0000000..ebd4b37
--- /dev/null
+++ b/config/polybar/panels/menu/elementary/styles.rasi
@@ -0,0 +1,127 @@
+/*
+ *
+ * Author  : Aditya Shakya
+ * Mail    : adi1090x@gmail.com
+ * Github  : @adi1090x
+ * Twitter : @adi1090x
+ *
+ */
+
+configuration {
+	font:							"Iosevka Nerd Font 10";
+    show-icons:                     true;
+	icon-theme: 					"Papirus";
+    display-drun: 					"";
+    drun-display-format:            "{name}";
+    disable-history:                false;
+    fullscreen:                     false;
+	hide-scrollbar: 				true;
+	sidebar-mode: 					false;
+}
+
+@import "colors.rasi"
+
+window {
+    transparency:                   "real";
+    background-color:               @bg;
+    text-color:                     @fg;
+	border:							0px;
+	border-color:					@ac;
+    border-radius:                  4px;
+	width:							300px;
+    location:                       northeast;
+    x-offset:                       -10;
+    y-offset:                       40;
+}
+
+prompt {
+    enabled: 						true;
+	padding: 						0px 0px 0px 8px;
+	background-color: 				@al;
+	text-color: 					@fg;
+}
+
+textbox-prompt-colon {
+	padding: 						1px 0px 0px 5px;
+	background-color: 				@al;
+	text-color: 					@fg;
+	expand: false;
+	str: "";
+	font:							"feather 10";
+}
+
+entry {
+    background-color:               @al;
+    text-color:                     @fg;
+    placeholder-color:              @fg;
+    expand:                         true;
+    horizontal-align:               0;
+    placeholder:                    "Search";
+    padding:                        0px 0px 0px 5px;
+    blink:                          true;
+}
+
+inputbar {
+	children: 						[ textbox-prompt-colon, entry ];
+    background-color:               @al;
+    text-color:                     @fg;
+    expand:                         false;
+	border:							1px;
+    border-radius:                  4px;
+	border-color:					@ac;
+    margin:                         0px;
+    padding:                        6px;
+}
+
+listview {
+    background-color:               @al;
+    padding:                        0px;
+    columns:                        1;
+    lines:                          5;
+    spacing:                        0px;
+    cycle:                          true;
+    dynamic:                        true;
+    layout:                         vertical;
+}
+
+mainbox {
+    background-color:               @al;
+	border:							0px;
+    border-radius:                  0px;
+	border-color:					@ac;
+    children:                       [ inputbar, listview ];
+    spacing:                       	10px;
+    padding:                        10px;
+}
+
+element {
+    background-color:               @al;
+    text-color:                     @fg;
+    orientation:                    horizontal;
+    border-radius:                  0px;
+    padding:                        4px 4px 4px -18px;
+}
+
+element-icon {
+    background-color:               transparent;
+    text-color:               		inherit;
+    size:                           24px;
+    border:                         0px;
+}
+
+element-text {
+    background-color:               transparent;
+    text-color:               		inherit;
+    expand:                         true;
+    horizontal-align:               0;
+    vertical-align:                 0.5;
+    margin:                         0px 2.5px 0px 2.5px;
+}
+
+element selected {
+    background-color:               @bga;
+    text-color:                     @fg;
+	border:							1px;
+    border-radius:                  4px;
+    border-color:                  	@ac;
+}