use variables to define colors and saved nord colorscheme

5 files changed, 327 insertions, 143 deletions

diff --git a/config/hyprland/waybar/colors b/config/hyprland/waybar/colors
new file mode 120000
index 0000000..801cf92
--- /dev/null
+++ b/config/hyprland/waybar/colors
@@ -0,0 +1 @@
+colors-nord
\ No newline at end of file
diff --git a/config/hyprland/waybar/colors-nord b/config/hyprland/waybar/colors-nord
new file mode 100644
index 0000000..6a56ec8
--- /dev/null
+++ b/config/hyprland/waybar/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 #8fbcbb;
+@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/hyprland/waybar/colors.css b/config/hyprland/waybar/colors.css
new file mode 100644
index 0000000..60efc4e
--- /dev/null
+++ b/config/hyprland/waybar/colors.css
@@ -0,0 +1,153 @@
+/*
+ ********************************************
+ *░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*
+ *░░█▀█░█░░░█░█░█▀▀░░░█░█░█░░░▀█▀░█▀▄░█▀█░░*
+ *░░█▀▀░█░░░█░█░▀▀█░░░█░█░█░░░░█░░█▀▄░█▀█░░*
+ *░░▀░░░▀▀▀░▀▀▀░▀▀▀░░░▀▀▀░▀▀▀░░▀░░▀░▀░▀░▀░░*
+ *░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*
+ ********************************************
+ */
+/* https://github.com/jakehamilton/dotfiles */
+/* Amazing I love it :))) */
+
+@import "colors";
+
+* {
+	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;
+}
+
+window#waybar.termite #window,
+window#waybar.Firefox #window,
+window#waybar.Navigator #window,
+window#waybar.PCSX2 #window {
+    color: @background;
+	background: @color7;
+}
+
+#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: @color5;
+	background: @color12;
+}
+
+#workspaces {
+	margin-left: 12px;
+	border-radius: 26px;
+	background: @background;
+}
+
+#workspaces button {
+	transition: none;
+	color: @foreground;
+	background: transparent;
+	font-size: 16px;
+}
+
+#workspaces button.active {
+	color: @color12;
+}
+
+#workspaces button:hover {
+	transition: none;
+	color: @color11;
+}
+
+#mpd {
+	color: @background;
+	background: @color6;
+}
+
+#mpd.disconnected,
+#mpd.stopped {
+	color: @foreground;
+	background: @background;
+}
+
+#window {
+	margin-top: 4px;
+	margin-bottom: 2px;
+	margin-left: 8px;
+	padding-left: 16px;
+	padding-right: 16px;
+	border-radius: 26px;
+	color: @color6;
+	color: @color4;
+	background: @background;
+}
+
+#network {
+	color: @background;
+	background: @color12;
+}
+
+#pulseaudio {
+	color: @background;
+	background: @color14;
+}
+
+#temperature {
+	color: @background;
+	background: @color7;
+}
+
+#cpu {
+	color: @background;
+	background: @color3;
+}
+
+#custom-memory {
+	color: @background;
+	background: @color2;
+}
+
+#clock {
+	margin-left: 8px;
+	margin-right: 12px;
+	padding-left: 16px;
+	padding-right: 16px;
+	border-radius: 26px;
+	color: @foreground;
+	background: @background;
+}
+
+#tray {
+	margin-right: 12px;
+	color: @foreground;
+	background: transparent;
+}
+
+#tray > .needs-attention {
+    -gtk-icon-effect: highlight;
+    background-color: @color1;
+}
+
+#tray > .passive {
+    -gtk-icon-effect: dim;
+}
diff --git a/config/hyprland/waybar/nord.css b/config/hyprland/waybar/nord.css
new file mode 100644
index 0000000..efd0e81
--- /dev/null
+++ b/config/hyprland/waybar/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;
+}
diff --git a/config/hyprland/waybar/style.css b/config/hyprland/waybar/style.css
index efd0e81..74a187b 100644..120000
--- a/config/hyprland/waybar/style.css
+++ b/config/hyprland/waybar/style.css
@@ -1,143 +1 @@
-/*
- ********************************************
- *░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*
- *░░█▀█░█░░░█░█░█▀▀░░░█░█░█░░░▀█▀░█▀▄░█▀█░░*
- *░░█▀▀░█░░░█░█░▀▀█░░░█░█░█░░░░█░░█▀▄░█▀█░░*
- *░░▀░░░▀▀▀░▀▀▀░▀▀▀░░░▀▀▀░▀▀▀░░▀░░▀░▀░▀░▀░░*
- *░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*
- ********************************************
- */
-/* 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;
-}
+colors.css
\ No newline at end of file