updated waybar and uswm for hyprland

waybar/style.css.bak

@@ -0,0 +1,81 @@
+/* ~/.config/waybar/style.css */
+@import "./catppuccin-waybar/themes/mocha.css";
+
+* {
+    font-family: "0xProto Nerd Font", FontAwesome, sans-serif;
+    font-size: 14px;
+	padding: 0 5px;
+}
+
+window#waybar {
+    background-color: alpha(@base, 0.9);
+    border-bottom: 3px solid @mauve;
+    color: @text;
+}
+
+#workspaces {
+	margin-bottom: 5px;
+}
+
+#workspaces button {
+    padding: 0 5px;
+    background-color: transparent;
+    color: @surface2;
+}
+
+#workspaces button.active {
+    color: @mauve;
+    border-bottom: 3px solid @pink;
+}
+
+#workspaces button:hover {
+    background: @surface0;
+    box-shadow: inherit;
+    text-shadow: inherit;
+}
+
+#custom-power {
+    color: @red;
+    padding: 0 10px;
+}
+
+#custom-tlp {
+    padding: 0 10px;
+}
+
+#custom-tlp.ac {
+    color: @green; /* Catppuccin Green for AC power */
+}
+
+#custom-tlp.bat {
+    color: @yellow; /* Catppuccin Yellow for Battery power */
+}
+
+#battery {
+    color: @text;
+    padding: 0 10px;
+	padding-left: 0;
+}
+
+#battery.charging, #battery.plugged {
+    color: @green;
+}
+
+#battery.warning {
+    color: @yellow;
+}
+
+#battery.critical {
+    color: @red;
+    animation-name: blink;
+    animation-duration: 0.8s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+@keyframes blink {
+    to {
+        color: @text;
+    }
+}