my_konfig

config/waybar/style.css

@@ -7,7 +7,7 @@
 }
 
 window#waybar {
-    background-color: rgba(30, 30, 46, 0.85); /* Base with transparency */
+    background-color: rgba(30, 30, 46, 0.65); /* Base with transparency */
     color: #cdd6f4; /* Text */
     transition-property: background-color;
     transition-duration: .5s;
@@ -20,12 +20,17 @@ window#waybar {
 #clock,
 #cpu,
 #memory,
+#temperature,
 #network,
 #pulseaudio,
 #custom-bluetooth,
 #custom-power,
 #window,
-#mpris {
+#mpris,
+#custom-rclone,
+#custom-updates,
+#custom-vpn,
+#mpd {
     padding: 2px 10px;
     margin: 3px 3px;
     border-radius: 10px;
@@ -80,6 +85,15 @@ window#waybar {
     color: #1e1e2e; /* Base */
 }
 
+#temperature {
+    background-color: #a6e3a1; /* Green */
+    color: #1e1e2e; /* Base */
+}
+
+#temperature.critical {
+    background-color: #f38ba8; /* Red */
+}
+
 #network {
     background-color: #f9e2af; /* Yellow */
     color: #1e1e2e; /* Base */
@@ -95,13 +109,18 @@ window#waybar {
     color: #1e1e2e; /* Base */
 }
 
+#mpd {
+    background-color: #f5e0dc; /* Rosewater */
+    color: #1e1e2e; /* Base */
+}
+
 #window {
     font-weight: bold;
     color: #cdd6f4; /* Text */
 }
 
 /* Hover-Effekt für alle Module */
-#workspaces:hover, #mode:hover, #clock:hover, #cpu:hover, #memory:hover, #network:hover, #pulseaudio:hover, #custom-bluetooth:hover, #custom-power:hover {
+#workspaces:hover, #mode:hover, #clock:hover, #cpu:hover, #memory:hover, #network:hover, #pulseaudio:hover, #custom-bluetooth:hover, #custom-power:hover, #mpd:hover {
     background-color: rgba(88, 91, 112, 0.9); /* Surface2 with transparency */
 }
 
@@ -116,3 +135,30 @@ window#waybar {
 #idle_inhibitor.activated {
     background-color: #a6e3a1; /* Green */
 }
+
+#custom-rclone {
+    background-color: #89b4fa; /* Blue */
+    color: #1e1e2e; /* Base */
+}
+
+#custom-updates {
+    background-color: #fab387; /* Orange */
+    color: #1e1e2e; /* Base */
+}
+
+#custom-vpn {
+    background-color: #89b4fa; /* Blue */
+    color: #1e1e2e; /* Base */
+}
+
+#tooltip {
+    background-color: #1e1e2e; /* Base */
+    color: #cdd6f4; /* Text */
+    border-radius: 10px;
+    padding: 5px 10px;
+    border: 1px solid #313244; /* Surface0 */
+}
+
+#tooltip label {
+    color: #cdd6f4; /* Text */
+}