feat(polybar): update polybar style

7 files changed, 561 insertions, 0 deletions

diff --git a/config/polybar/shapes/scripts/rofi/colors.rasi b/config/polybar/shapes/scripts/rofi/colors.rasi
new file mode 100644
index 0000000..7de2e5a
--- /dev/null
+++ b/config/polybar/shapes/scripts/rofi/colors.rasi
@@ -0,0 +1,10 @@
+/* colors */
+
+* {
+  al:    #00000000;
+  bg:    #1F1F1FFF;
+  bg1:   #1565C0FF;
+  bg2:   #1976D2FF;
+  bg3:   #1E88E5FF;
+  fg:    #FFFFFFFF;
+}
diff --git a/config/polybar/shapes/scripts/rofi/confirm.rasi b/config/polybar/shapes/scripts/rofi/confirm.rasi
new file mode 100644
index 0000000..bdbac6b
--- /dev/null
+++ b/config/polybar/shapes/scripts/rofi/confirm.rasi
@@ -0,0 +1,24 @@
+/* Confirm Dialog */
+
+@import "colors.rasi"
+
+* {
+    background-color:       @bg;
+    text-color:             @fg;
+	font:				 	"Iosevka Nerd Font 10";
+}
+
+window {
+    width:      			225px;
+    padding:    			25px;
+    border:					0px;
+    border-radius:          12px;
+    border-color:           @bg1;
+    location:               center;
+    y-offset:               -2em;
+}
+
+entry {
+    expand: 				true;
+    text-color:				@bg2;
+}
diff --git a/config/polybar/shapes/scripts/rofi/launcher.rasi b/config/polybar/shapes/scripts/rofi/launcher.rasi
new file mode 100644
index 0000000..c61d583
--- /dev/null
+++ b/config/polybar/shapes/scripts/rofi/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:                  12px;
+	width:							350px;
+    location:                       center;
+    x-offset:                       0;
+    y-offset:                       0;
+}
+
+prompt {
+    enabled: 						true;
+	padding: 						10px 15px 10px 15px;
+	background-color: 				@bg1;
+	text-color: 					#FFFFFF;
+	font:							"Iosevka Nerd Font 10";
+}
+
+entry {
+    background-color:               @bg2;
+    text-color:                     #FFFFFF;
+    placeholder-color:              #FFFFFF;
+    expand:                         true;
+    horizontal-align:               0;
+    placeholder:                    "Search...";
+    padding:                        10px;
+    border-radius:                  0px 12px 12px 0px;
+    blink:                          true;
+}
+
+inputbar {
+	children: 						[ prompt, entry ];
+    background-color:               @bg2;
+    text-color:                     #FFFFFF;
+    expand:                         false;
+	border:							0px;
+    border-radius:                  12px;
+	border-color:					@ac;
+    spacing:                        0px;
+}
+
+listview {
+    background-color:               @al;
+    padding:                        10px 10px 10px 10px;
+    columns:                        1;
+    lines:                          10;
+    spacing:                        5px;
+    cycle:                          true;
+    dynamic:                        true;
+    layout:                         vertical;
+}
+
+mainbox {
+    background-color:               @al;
+	border:							0px;
+    border-radius:                  0px;
+	border-color:					@bg4;
+    children:                       [ inputbar, listview ];
+    spacing:                       	0px;
+    padding:                        0px;
+}
+
+element {
+    background-color:               @al;
+    text-color:                     @fg;
+    orientation:                    horizontal;
+    border-radius:                  0px;
+    padding:                        6px;
+}
+
+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:               @bg3;
+    text-color:                     @bg;
+	border:							0px 0px 0px 0px;
+    border-radius:                  12px;
+    border-color:                  	@bg1;
+}
diff --git a/config/polybar/shapes/scripts/rofi/message.rasi b/config/polybar/shapes/scripts/rofi/message.rasi
new file mode 100644
index 0000000..ecb84c3
--- /dev/null
+++ b/config/polybar/shapes/scripts/rofi/message.rasi
@@ -0,0 +1,24 @@
+/* Confirm Dialog */
+
+@import "colors.rasi"
+
+* {
+    background-color:       @bg;
+    text-color:             @fg;
+	font:				 	"Iosevka Nerd Font 10";
+}
+
+window {
+    width:      			320px;
+    padding:    			25px;
+    border:					0px;
+    border-radius:          12px;
+    border-color:           @bg1;
+    location:               center;
+    y-offset:               -2em;
+}
+
+entry {
+    expand: 				true;
+    text-color:				@bg2;
+}
diff --git a/config/polybar/shapes/scripts/rofi/networkmenu.rasi b/config/polybar/shapes/scripts/rofi/networkmenu.rasi
new file mode 100644
index 0000000..1428061
--- /dev/null
+++ b/config/polybar/shapes/scripts/rofi/networkmenu.rasi
@@ -0,0 +1,128 @@
+/*
+ *
+ * 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:                  12px;
+	width:							400px;
+    location:                       center;
+    x-offset:                       0;
+    y-offset:                       0;
+}
+
+prompt {
+    enabled: 						true;
+	padding: 						10px 15px 10px 15px;
+	background-color: 				@bg2;
+	text-color: 					#FFFFFF;
+	font:							"Iosevka Nerd Font 10";
+}
+
+textbox-prompt-colon {
+	padding: 						10px 15px 10px 15px;
+	font:							"Iosevka Nerd Font 10";
+	background-color: 				@bg1;
+	text-color: 					#FFFFFF;
+	expand: false;
+	str: "直";
+}
+
+entry {
+    background-color:               @bg2;
+    text-color:                     #FFFFFF;
+    placeholder-color:              #FFFFFF;
+    expand:                         true;
+    horizontal-align:               0;
+    placeholder:                    "Search...";
+    padding:                        10px;
+    border-radius:                  0px 12px 12px 0px;
+    blink:                          true;
+}
+
+inputbar {
+	children: 						[ textbox-prompt-colon, prompt ];
+    background-color:               @bg2;
+    text-color:                     #FFFFFF;
+    expand:                         false;
+	border:							0px;
+    border-radius:                  12px;
+	border-color:					@ac;
+    spacing:                        0px;
+}
+
+listview {
+    background-color:               @al;
+    padding:                        10px 10px 10px 10px;
+    columns:                        1;
+    lines:                          8;
+    spacing:                        5px;
+    cycle:                          true;
+    dynamic:                        true;
+    layout:                         vertical;
+}
+
+mainbox {
+    background-color:               @al;
+	border:							0px;
+    border-radius:                  0px;
+	border-color:					@bg4;
+    children:                       [ inputbar, listview ];
+    spacing:                       	0px;
+    padding:                        0px;
+}
+
+element {
+    background-color:               @al;
+    text-color:                     @fg;
+    orientation:                    horizontal;
+    border-radius:                  0px;
+    padding:                        6px 6px 6px -5px;
+}
+
+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:               @bg3;
+    text-color:                     @bg;
+	border:							0px 0px 0px 0px;
+    border-radius:                  12px;
+    border-color:                  	@bg1;
+}
diff --git a/config/polybar/shapes/scripts/rofi/powermenu.rasi b/config/polybar/shapes/scripts/rofi/powermenu.rasi
new file mode 100644
index 0000000..779cf25
--- /dev/null
+++ b/config/polybar/shapes/scripts/rofi/powermenu.rasi
@@ -0,0 +1,128 @@
+/*
+ *
+ * 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:                  12px;
+	width:							300px;
+    location:                       center;
+    x-offset:                       0;
+    y-offset:                       0;
+}
+
+prompt {
+    enabled: 						true;
+	padding: 						10px 15px 10px 15px;
+	background-color: 				@bg2;
+	text-color: 					#FFFFFF;
+	font:							"Iosevka Nerd Font 10";
+}
+
+textbox-prompt-colon {
+	padding: 						10px 15px 10px 15px;
+	font:							"Iosevka Nerd Font 10";
+	background-color: 				@bg1;
+	text-color: 					#FFFFFF;
+	expand: false;
+	str: "";
+}
+
+entry {
+    background-color:               @bg2;
+    text-color:                     #FFFFFF;
+    placeholder-color:              #FFFFFF;
+    expand:                         true;
+    horizontal-align:               0;
+    placeholder:                    "Search...";
+    padding:                        10px;
+    border-radius:                  0px 12px 12px 0px;
+    blink:                          true;
+}
+
+inputbar {
+	children: 						[ textbox-prompt-colon, prompt ];
+    background-color:               @bg2;
+    text-color:                     #FFFFFF;
+    expand:                         false;
+	border:							0px;
+    border-radius:                  12px;
+	border-color:					@ac;
+    spacing:                        0px;
+}
+
+listview {
+    background-color:               @al;
+    padding:                        10px 10px 10px 10px;
+    columns:                        1;
+    lines:                          5;
+    spacing:                        5px;
+    cycle:                          true;
+    dynamic:                        true;
+    layout:                         vertical;
+}
+
+mainbox {
+    background-color:               @al;
+	border:							0px;
+    border-radius:                  0px;
+	border-color:					@bg4;
+    children:                       [ inputbar, listview ];
+    spacing:                       	0px;
+    padding:                        0px;
+}
+
+element {
+    background-color:               @al;
+    text-color:                     @fg;
+    orientation:                    horizontal;
+    border-radius:                  0px;
+    padding:                        6px 6px 6px -20px;
+}
+
+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:               @bg3;
+    text-color:                     @bg;
+	border:							0px 0px 0px 0px;
+    border-radius:                  12px;
+    border-color:                  	@bg1;
+}
diff --git a/config/polybar/shapes/scripts/rofi/styles.rasi b/config/polybar/shapes/scripts/rofi/styles.rasi
new file mode 100644
index 0000000..d32a1fb
--- /dev/null
+++ b/config/polybar/shapes/scripts/rofi/styles.rasi
@@ -0,0 +1,128 @@
+/*
+ *
+ * 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:                  12px;
+	width:							300px;
+    location:                       center;
+    x-offset:                       0;
+    y-offset:                       0;
+}
+
+prompt {
+    enabled: 						true;
+	padding: 						10px 15px 10px 15px;
+	background-color: 				@bg1;
+	text-color: 					#FFFFFF;
+	font:							"Iosevka Nerd Font 10";
+}
+
+textbox-prompt-colon {
+	padding: 						10px 15px 10px 15px;
+	font:							"Iosevka Nerd Font 10";
+	background-color: 				@bg1;
+	text-color: 					#FFFFFF;
+	expand: false;
+	str: "";
+}
+
+entry {
+    background-color:               @bg2;
+    text-color:                     #FFFFFF;
+    placeholder-color:              #FFFFFF;
+    expand:                         true;
+    horizontal-align:               0;
+    placeholder:                    "find...";
+	padding: 						10px;
+    border-radius:                  0px 12px 12px 0px;
+    blink:                          true;
+}
+
+inputbar {
+	children: 						[ prompt, entry ];
+    background-color:               @bg2;
+    text-color:                     #FFFFFF;
+    expand:                         false;
+	border:							0px;
+    border-radius:                  12px;
+	border-color:					@ac;
+    spacing:                        0px;
+}
+
+listview {
+    background-color:               @al;
+    padding:                        10px 10px 10px 10px;
+    columns:                        1;
+    lines:                          6;
+    spacing:                        5px;
+    cycle:                          true;
+    dynamic:                        true;
+    layout:                         vertical;
+}
+
+mainbox {
+    background-color:               @al;
+	border:							0px;
+    border-radius:                  0px;
+	border-color:					@bg4;
+    children:                       [ inputbar, listview ];
+    spacing:                       	0px;
+    padding:                        0px;
+}
+
+element {
+    background-color:               @al;
+    text-color:                     @fg;
+    orientation:                    horizontal;
+    border-radius:                  0px;
+    padding:                        6px 6px 6px -20px;
+}
+
+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:               @bg3;
+    text-color:                     @bg;
+	border:							0px 0px 0px 0px;
+    border-radius:                  12px;
+    border-color:                  	@bg1;
+}