5 files changed, 376 insertions, 0 deletions
diff --git a/config/wayland/waybar/styles/base16.css b/config/wayland/waybar/styles/base16.css
new file mode 100644
index 0000000..c9e3170
--- /dev/null
+++ b/config/wayland/waybar/styles/base16.css
@@ -0,0 +1,183 @@
+/*
+ ********************************************
+ *░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*
+ *░░█▀█░█░░░█░█░█▀▀░░░█░█░█░░░▀█▀░█▀▄░█▀█░░*
+ *░░█▀▀░█░░░█░█░▀▀█░░░█░█░█░░░░█░░█▀▄░█▀█░░*
+ *░░▀░░░▀▀▀░▀▀▀░▀▀▀░░░▀▀▀░▀▀▀░░▀░░▀░▀░▀░▀░░*
+ *░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*
+ ********************************************
+ */
+/* https://github.com/jakehamilton/dotfiles */
+/* Amazing I love it :))) */
+
+@import "styles/colors/colors.css";
+
+* {
+	border: none;
+	border-radius: 0;
+	font-family: monospace;
+	font-weight: bold;
+	font-size: 14px;
+	min-height: 24px;
+}
+
+window#waybar {
+	background: transparent;
+}
+
+window#waybar.hidden {
+	opacity: 0.2;
+}
+
+tooltip {
+	background: @background;
+	color: @foreground;
+	border: 2px solid @color0;
+}
+
+window#waybar.termite #window,
+window#waybar.Firefox #window,
+window#waybar.Navigator #window,
+window#waybar.PCSX2 #window {
+    color: @background;
+	background: @color7;
+}
+
+.modules-right * {
+	padding: 0 16px;
+}
+
+.modules-right {
+	margin-right: 2px;
+}
+.modules-left {
+	margin-left: 3px;
+}
+
+#workspaces, #tags, #mpd, #battery, 
+#clock,
+#custom-wireguard, #network, #pulseaudio, #temperature, #cpu, #custom-memory, #custom-bluetooth, #tray {
+	border: solid @background;
+	border-width: 2px 2px 2px 0;
+	margin-top: 4px;
+	margin-bottom: 2px;
+	transition: none;
+}
+
+#battery {
+	color: @color6;
+	background: @background;
+	border-color: @color4;
+	border-width: 2px;
+	padding: 0 12px;
+	margin-right: 16px;
+}
+
+#workspaces, #tags {
+	border: solid @background 2px;
+	background: @color3;
+}
+
+#workspaces button, #tags button {
+	transition: none;
+	background: transparent;
+	color: @background;
+}
+
+#tags button.occupied {
+	background: @color2;
+}
+
+#workspaces button.active, #tags button.focused {
+	background-color: @color6;
+	border-bottom: 6px solid @color4;
+
+}
+
+#workspaces button:hover, #tags button:hover {
+	transition: none;
+	color: @color8;
+}
+
+#tags button {
+	margin: 0;
+	padding-left: 5px;
+	padding-right: 5px;
+}
+
+#mpd {
+	color: @background;
+	padding: 0 16px;
+	background: @color6;
+}
+
+#mpd.disconnected,
+#mpd.stopped {
+	color: @foreground;
+	background: @background;
+	border-color: @color4;
+}
+
+#clock {
+	border: solid @color4 2px;
+	padding: 0 16px;
+	color: @color3;
+	background: @background;
+}
+
+#window {
+	margin-left: 16px;
+	padding: 0;
+	color: @color5;
+}
+
+#custom-wireguard {
+	color: @color5;
+	border: 2px solid @color8;
+	background: @background;
+}
+
+#network {
+	color: @background;
+	border-left: 2px solid @background;
+	background: @color5;
+}
+
+#pulseaudio {
+	color: @background;
+	background: @color4;
+}
+
+#temperature {
+	color: @background;
+	background: @color3;
+}
+
+#cpu {
+	color: @background;
+	background: @color4;
+}
+
+#custom-memory {
+	padding: 0 16px;
+	color: @background;
+	background: @color5;
+}
+
+#custom-bluetooth {
+	color: @color6;
+	background: @color8;
+}
+
+#tray * {
+	padding: unset;
+}
+
+#tray > .needs-attention {
+    -gtk-icon-effect: highlight;
+    background-color: @color1;
+}
+
+#tray > .passive {
+    -gtk-icon-effect: dim;
+}
diff --git a/config/wayland/waybar/styles/colors/colors-nord b/config/wayland/waybar/styles/colors/colors-nord
new file mode 100644
index 0000000..9622792
--- /dev/null
+++ b/config/wayland/waybar/styles/colors/colors-nord
@@ -0,0 +1,29 @@
+@define-color foreground #d8dee9;
+@define-color background #2e3440;
+
+@define-color color0 #3b4252;
+@define-color color1 #bf616a;
+@define-color color2 #a3be8c;
+@define-color color3 #ebcb8b;
+@define-color color4 #81a1c1;
+@define-color color5 #b48ead;
+@define-color color6 #88c0d0;
+@define-color color7 #e5e9f0;
+
+@define-color color8 #4c566a;
+@define-color color9 #bf616a;
+@define-color color10 #a3be8c;
+@define-color color11 #ebcb8b;
+@define-color color12 #81a1c1;
+@define-color color13 #b48ead;
+@define-color color14 #d08770;
+@define-color color15 #eceff4;
+
+@define-color color16 #373e4d;
+@define-color color17 #94545d;
+@define-color color18 #809575;
+@define-color color19 #b29e75;
+@define-color color20 #68809a;
+@define-color color21 #8c738c;
+@define-color color22 #6d96a5;
+@define-color color23 #aeb3bb;
diff --git a/config/wayland/waybar/styles/colors/colors.css b/config/wayland/waybar/styles/colors/colors.css
new file mode 120000
index 0000000..801cf92
--- /dev/null
+++ b/config/wayland/waybar/styles/colors/colors.css
@@ -0,0 +1 @@
+colors-nord
+\ No newline at end of file
diff --git a/config/wayland/waybar/styles/dwm.css b/config/wayland/waybar/styles/dwm.css
new file mode 100644
index 0000000..31eacf0
--- /dev/null
+++ b/config/wayland/waybar/styles/dwm.css
@@ -0,0 +1,20 @@
+* {
+	border: none;
+	border-radius: 0;
+	font-family: monospace;
+	font-size: 14px;
+	min-height: 16px;
+}
+
+window#waybar, #workspaces button.active  {
+	background-color: #4c566a;
+}
+
+#workspaces button, #custom-layout, #custom-status {
+	background-color: #2e3440;
+}
+
+#workspaces button {
+	padding: 0 2px;
+	margin: 0;
+}
diff --git a/config/wayland/waybar/styles/nord.css b/config/wayland/waybar/styles/nord.css
new file mode 100644
index 0000000..efd0e81
--- /dev/null
+++ b/config/wayland/waybar/styles/nord.css
@@ -0,0 +1,143 @@
+/*
+ ********************************************
+ *░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*
+ *░░█▀█░█░░░█░█░█▀▀░░░█░█░█░░░▀█▀░█▀▄░█▀█░░*
+ *░░█▀▀░█░░░█░█░▀▀█░░░█░█░█░░░░█░░█▀▄░█▀█░░*
+ *░░▀░░░▀▀▀░▀▀▀░▀▀▀░░░▀▀▀░▀▀▀░░▀░░▀░▀░▀░▀░░*
+ *░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*
+ ********************************************
+ */
+/* https://github.com/jakehamilton/dotfiles */
+/* Amazing I love it :))) */
+
+* {
+	border: none;
+	border-radius: 0;
+	font-family: JetBrains Mono;
+	font-weight: bold;
+	font-size: 14px;
+	min-height: 24px;
+}
+
+window#waybar {
+	background: transparent;
+}
+
+window#waybar.hidden {
+	opacity: 0.2;
+}
+
+window#waybar.termite #window,
+window#waybar.Firefox #window,
+window#waybar.Navigator #window,
+window#waybar.PCSX2 #window {
+    color: #2e3440;
+	background: #e6e6e6;
+}
+
+#mpd, #battery,
+#network, #pulseaudio, #temperature, #cpu, #custom-memory {
+	margin-left: 8px;
+	padding-left: 16px;
+	padding-right: 16px;
+	border-radius: 26px;
+}
+
+#workspaces, #mpd, #battery,
+#network, #pulseaudio, #temperature, #cpu, #custom-memory, #workspaces, #clock, #tray {
+	margin-top: 4px;
+	margin-bottom: 2px;
+	transition: none;
+}
+
+#battery {
+	color: #b48ead;
+	background: #4c566a;
+}
+
+#workspaces {
+	margin-left: 12px;
+	border-radius: 26px;
+	background: #2e3440;
+}
+
+#workspaces button {
+	transition: none;
+	color: #d8dee9;
+	background: transparent;
+	font-size: 16px;
+}
+
+#workspaces button.active {
+	color: #5e81ac;
+}
+
+#workspaces button:hover {
+	transition: none;
+	color: #d08770;
+}
+
+#mpd {
+	color: #2e3440;
+	background: #88c0d0;
+}
+
+#mpd.disconnected,
+#mpd.stopped {
+	color: #d8dee9;
+	background: #2e3440;
+}
+
+#window {
+	color: #88c0d0;
+}
+
+#network {
+	color: #2e3440;
+	background: #5e81ac;
+}
+
+#pulseaudio {
+	color: #2e3440;
+	background: #b48ead;
+}
+
+#temperature {
+	color: #2e3440;
+	background: #d08770;
+}
+
+#cpu {
+	color: #2e3440;
+	background: #ebcb8b;
+}
+
+#custom-memory {
+	color: #2e3440;
+	background: #a3be8c;
+}
+
+#clock {
+	margin-left: 8px;
+	margin-right: 12px;
+	padding-left: 16px;
+	padding-right: 16px;
+	border-radius: 26px;
+	color: #d8dee9;
+	background: #2e3440;
+}
+
+#tray {
+	margin-right: 12px;
+	color: #d8dee9;
+	background: transparent;
+}
+
+#tray > .needs-attention {
+    -gtk-icon-effect: highlight;
+    background-color: #bf616a;
+}
+
+#tray > .passive {
+    -gtk-icon-effect: dim;
+}