Regenerated

Droidnix/README.org

@@ -2848,7 +2848,7 @@ These are  config files for waybar
 
 ** =.config/waybar/style.css=
 This file contains all css for waybar
-#+BEGIN_SRC css :tangle generated/.config/waybar/style.css :noweb yes :mkdirp yes :eval no
+#+BEGIN_SRC css :tangle generated/.config/waybar/style.css :noweb yes :mkdirp yes :eval never
 /* --- Hyprland palette --- */
 @define-color base     rgba(30, 30, 46, 1.0);
 @define-color inactive rgba(89, 89, 89, 0.667);
@@ -2862,10 +2862,7 @@ This file contains all css for waybar
 @define-color overlay1 rgba(255, 255, 255, 0.35);
 @define-color yellow   rgba(255, 215, 0, 0.95);
 
-/* --------------------------------------------------------- */
+ * {
-/* GLOBAL */
-/* --------------------------------------------------------- */
-* {
     font-family:
         Aporetic Sans Mono,
         Iosevka Nerd Font,
@@ -2877,35 +2874,20 @@ This file contains all css for waybar
 }
 
 window#waybar {
-     background-color: transparent;
+    background-color: transparent;
     color: @text;
 }
 
-/* --------------------------------------------------------- */
-/* GROUPS */
-/* --------------------------------------------------------- */
-
 #hardware {
      background-color: #202131;
 }
 
-/* --------------------------------------------------------- */
-/* WORKSPACES */
-/* --------------------------------------------------------- */
-
 workspaces button {
     padding: 0px 1px;
     min-width: 80px;
     background-color: transparent;
     color: @text;
     border: 2px solid @inactive;
-    /*
-    background:
-        linear-gradient(rgba(255, 255, 255, 0.15),
-                        rgba(255, 255, 255, 0.15)) padding-box,
-        linear-gradient(45deg, @blue, @green) border-box;
-    */
-
     border-radius: 10px;
 }
 
@@ -2922,10 +2904,6 @@ workspaces button.active {
         linear-gradient(45deg, @blue, @green) border-box;
 }
 
-/* --------------------------------------------------------- */
-/* STANDARD MODULES */
-/* --------------------------------------------------------- */
-
 #clock,
 #idle_inhibitor,
 #battery,

Droidnix/generated/.config/waybar/style.css

@@ -0,0 +1,99 @@
+/* --- Hyprland palette --- */
+@define-color base     rgba(30, 30, 46, 1.0);
+@define-color inactive rgba(89, 89, 89, 0.667);
+@define-color blue     rgba(51, 204, 255, 0.933);
+@define-color green    rgba(0, 255, 153, 0.933);
+
+@define-color text     rgba(255, 255, 255, 1.0);
+@define-color surface1 rgba(255, 255, 255, 0.08);
+@define-color subtext1 rgba(255, 255, 255, 0.35);
+@define-color red      rgba(255, 0, 0, 0.90);
+@define-color overlay1 rgba(255, 255, 255, 0.35);
+@define-color yellow   rgba(255, 215, 0, 0.95);
+
+ * {
+    font-family:
+        Aporetic Sans Mono,
+        Iosevka Nerd Font,
+        Roboto,
+        Helvetica,
+        Arial,
+        sans-serif;
+    font-size: 13px;
+}
+
+window#waybar {
+    background-color: transparent;
+    color: @text;
+}
+
+#hardware {
+     background-color: #202131;
+}
+
+workspaces button {
+    padding: 0px 1px;
+    min-width: 80px;
+    background-color: transparent;
+    color: @text;
+    border: 2px solid @inactive;
+    border-radius: 10px;
+}
+
+workspaces button:hover {
+    background-color: @surface1;
+}
+
+workspaces button.active {
+    font-weight: bold;
+    border: 1px solid transparent;
+    background:
+        linear-gradient(rgba(255, 255, 255, 0.15),
+                        rgba(255, 255, 255, 0.15)) padding-box,
+        linear-gradient(45deg, @blue, @green) border-box;
+}
+
+#clock,
+#idle_inhibitor,
+#battery,
+#cpu,
+#memory,
+#temperature,
+#network,
+#pulseaudio,
+#tray {
+    margin: 0 5px;
+    padding: 0 2px;
+}
+
+/* --------------------------------------------------------- */
+/* STATES */
+/* --------------------------------------------------------- */
+
+#idle_inhibitor.activated {
+    background-color: @green;
+}
+
+#battery.charging {
+    color: @green;
+}
+
+#battery.warning:not(.charging) {
+    color: white;
+    animation: blink 0.5s linear infinite alternate;
+}
+
+@keyframes blink {
+    to {
+        background-color: #ffffff;
+        color: black;
+    }
+}
+
+#network.disconnected {
+    background-color: @red;
+}
+
+#temperature.critical {
+    background-color: @red;
+}