Agenix configuration

1 files changed, 118 insertions, 236 deletions

diff --git a/home/waybar/style.css b/home/waybar/style.css
index 8fe60c7..7e6e821 100644
--- a/home/waybar/style.css
+++ b/home/waybar/style.css
@@ -1,258 +1,140 @@
-@keyframes blink-low {
-	70% {
-		color: @foreground;
-	}
-
-	to {
-		color: @foreground;
-		background-color: #744E0D;
-	}
-}
-
-@keyframes blink-warning {
-	70% {
-		color: @foreground;
-	}
-
-	to {
-		color: @foreground;
-		background-color: @warning;
-	}
-}
-
-@keyframes blink-critical {
-	70% {
-		color: @foreground;
-	}
-
-	to {
-		color: @foreground;
-		background-color: @critical;
-	}
-}
-
-
-/* -----------------------------------------------------------------------------
- * Styles
- * -------------------------------------------------------------------------- */
-
-/* Nord */
-/* Gruvbox */
-@define-color foreground #D4BE98;
-@define-color background #202020;
-@define-color backgroundlight #2A2A2A;
-@define-color mode #a89984;
-@define-color workspaces #458588;
-@define-color workspacesfocused #83a598;
-@define-color sound #E78A4E;
-@define-color network #A9B665;
-@define-color memory #7DAEA3;
-@define-color cpu #8EC07C;
-@define-color layout #689d6a;
-@define-color battery #A9B665;
-@define-color date #282828;
-@define-color time #ebdbb2;
-@define-color warning #DE655E;
-@define-color critical #FB4934;
-@define-color temp #A9B665;
-
-/* Reset all styles */
+/* Nord Theme Colors */
+@define-color nord0 #2e3440;
+@define-color nord1 #3b4252;
+@define-color nord2 #434c5e;
+@define-color nord3 #4c566a;
+@define-color nord4 #d8dee9;
+@define-color nord5 #e5e9f0;
+@define-color nord6 #eceff4;
+@define-color nord7 #8fbcbb;
+@define-color nord8 #88c0d0;
+@define-color nord9 #81a1c1;
+@define-color nord10 #5e81ac;
+@define-color nord11 #bf616a;
+@define-color nord13 #ebcb8b;
+
+/* Base styles */
 * {
-	border: none;
-	border-radius: 0;
-	min-height: 0;
-	margin: 0;
-	padding: 0;
+  font-family: 'Iosevka Nerd Font', monospace;
+  font-size: 18px;
+  border: none;
+  border-radius: 8px;
+  margin: 0;
+  padding: 0;
+  min-height: 0;
+  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
 }
 
-/* The whole bar */
 #waybar {
-	background: @background;
-	color: @foreground;
-	font-family: Sarasa Term K, JetBrainsMono Nerd Font, Material Design Icons, unifont, Fira Code, Terminus, Siji;
-	font-size: 12pt;
-  font-weight: bold;
+  background-color: transparent;
+  color: @nord5;
 }
 
-/* Each module */
-#battery,
-#clock,
-#cpu,
-#memory,
-#custom-clockify,
-#custom-spotify,
-#backlight,
-#mode,
-#network,
-#disk,
-#pulseaudio,
-#workspaces,
-#temperature {
-	padding: 0 10px;
-  margin: 5px 5px;
-  border-radius: 10em;
-  background-color: @backgroundlight;
-  color: @foreground;
+#systemd-failed-units, #temperature, #load, #privacy, #mpris,
+#workspaces, #window, #cpu, #memory, #battery, #backlight,
+#wireplumber, #network, #bluetooth, #clock, #tray,
+#custom-startmenu, #custom-exit, #custom-weather, #idle_inhibitor, #custom-timer,
+#language, #keyboard-state {
+  background-color: rgba(46, 52, 64, 0.9); /* nord0 with opacity */
+  color: @nord5;
+  padding: 0 12px;
+  margin: 4px 2px;
+  border-radius: 8px;
 }
 
-/* Each module that should blink */
-#mode,
-#memory,
-#temperature,
-#battery {
-	animation-timing-function: ease-out;
-	animation-iteration-count: infinite;
-	animation-direction: alternate;
+/* Module grouping */
+#wireplumber {
+  margin-right: 8px; /* Separate from system-status group */
 }
-
-/* Each critical module */
-#memory.critical,
-#cpu.critical,
-#temperature.critical,
-#battery.critical {
-	color: @critical;
+#group-system-status > * {
+  background-color: @nord2;
+  margin: 4px 1px;
 }
-
-/* Each critical that should blink */
-#mode,
-#memory.critical,
-#temperature.critical,
-#battery.critical.discharging {
-	animation-name: blink-critical;
-	animation-duration: 2s;
-}
-
-/* Each warning */
-#network.disconnected,
-#memory.warning,
-#cpu.warning,
-#temperature.warning,
-#battery.warning {
-	color: @warning;
-}
-
-#cpu.low {
-	color: @memory;
-}
-
-/* Each warning that should blink */
-#battery.warning.discharging {
-	animation-name: blink-warning;
-	animation-duration: 3s;
-}
-
-#battery.low.discharging {
-	animation-name: blink-low;
-	animation-duration: 5s;
-}
-
-/* And now modules themselves in their respective order */
-
-#mode { /* Shown current Sway mode (resize etc.) */
-	color: @foreground;
-	background: @mode;
-}
-
-/* Workspaces stuff */
-#workspaces {
-  background: #2A2A2A;
+#network, #bluetooth {
+  background-color: @nord3;
+  margin-left: 8px; /* Separate network group */
 }
 
+/* Module-specific colors and styles */
 #workspaces button {
-  padding: 0;
-	color: #D4BE98;
-  font-size: 16pt;
+  color: @nord7;
+  font-size: 16px;
+  padding: 0 8px;
+  border-radius: 8px;
 }
-
-#workspaces button.persistent {
-  color: #3E3E3E;
-}
-
 #workspaces button.visible {
-	color: #FE8019;
-}
-
-#network {
-	color: @network;
-}
-
-#disk {
-	color: #FABD2F;
-  border-radius: 10em 0 0 10em;
-  margin-right: 0;
-}
-
-#memory {
-	color: @memory;
-  margin-right: 0;
-  margin-left: 0;
-  border-radius: 0;
-}
-
-#cpu {
-	color: @cpu;
-  margin-right: 0;
-  margin-left: 0;
-  border-radius: 0;
-}
-
-#temperature {
-	color: @temp;
-  border-radius: 0 10em 10em 0;
-  margin-left: 0;
-}
-
-#pulseaudio {
-	color: @sound;
-  margin-right: 0;
-  border-radius: 10em 0 0 10em;
-}
-
-#pulseaudio.muted {
-	color: #3E3E3E;
-}
-
-#battery {
-	color: @battery;
-  margin-right: 0;
-  margin-left: 0;
-  border-radius: 0;
-}
-
-#backlight {
-  color: #D3869B;
-  margin-left: 0;
-  border-radius: 0 10em 10em 0;
-}
-
-#clock.date {
-	background: @date;
-	color: @foreground;
-  margin-right: 0;
-  border-radius: 10em 0 0 10em;
-}
-
-#clock.time {
-	background: @time;
-	color: @background;
-  margin-left: 0;
-  border-radius: 0 10em 10em 0;
+  color: @nord8;
+  background-color: @nord1;
+}
+#workspaces button:hover {
+  background-color: @nord2;
+  color: @nord6;
+  opacity: 0.9;
+}
+  #workspaces button.active {
+  color: @nord6;
+}
+#cpu { color: @nord9; }
+#memory { color: @nord7; }
+#battery { color: @nord7; }
+#mpris { color: @nord7; }
+#backlight { color: @nord9; }
+#wireplumber { color: @nord9; }
+#network { color: @nord7; min-width: 220px; } /* Fixed width for consistent alignment */
+#bluetooth { color: @nord10; }
+#language {
+  color: @nord10;
+  min-width: 40px; /* Ensure visibility */
+  background-color: rgba(46, 52, 64, 0.9); /* Explicit nord0 background */
+}
+#keyboard-state { color: @nord10; }
+#custom-weather { color: @nord7; }
+#clock { background-color: @nord1; }
+#custom-startmenu, #custom-exit, #idle_inhibitor {
+  font-size: 16px;
+}
+#custom-startmenu:hover, #custom-exit:hover, #idle_inhibitor:hover {
+  background-color: @nord2;
+  color: @nord6;
+  opacity: 0.9;
+}
+
+/* Warning and Critical States */
+#cpu.warning, #memory.warning, #battery.warning {
+  color: @nord13;
+  animation: blink-warning 2s ease-in-out infinite alternate;
+}
+#cpu.critical, #memory.critical, #battery.critical {
+  color: @nord11;
+  animation: blink-critical 1s ease-in-out infinite alternate;
+}
+#network.disconnected {
+  color: @nord11;
+}
+
+/* Animations */
+@keyframes blink-warning {
+  to { background-color: @nord13; color: @nord0; }
 }
-
-#tray {
-  margin: 0 5px;
+@keyframes blink-critical {
+  to { background-color: @nord11; color: @nord0; }
 }
 
+/* Tooltip */
 tooltip {
-  color: @foreground;
-  background-color: @background;
-  font-weight: 400;
-  font-family: Fira Code;
-  margin: 0 10px;
-  border-radius: 1em;
+  background-color: @nord0;
+  color: @nord5;
+  border-radius: 8px;
+  padding: 5px 10px;
 }
-
 tooltip label {
-  color: @foreground;
-  padding: 0 5px;
+  color: @nord5;
+}
+
+/* Tray */
+#tray > .passive {
+  color: @nord3;
 }
+#tray > .active {
+  color: @nord8;
+    }