my_sway_konfig/config/waybar/style.css

/* Catppuccin-Mocha Waybar Theme (Kompatibilitätsversion) */

* {
    border: none;
    font-family: "DejaVu Sans Mono", "Font Awesome 7 Free Solid", "Font Awesome 7 Brands", "Font Awesome 7 Free";
    font-size: 16px;
}

window#waybar {
    background-color: rgba(30, 30, 46, 0.65); /* Base with transparency */
    color: #cdd6f4; /* Text */
    transition-property: background-color;
    transition-duration: .5s;
    border-radius: 15px;
    margin: 5px 5px;
}

#workspaces,
#mode,
#clock,
#cpu,
#memory,
#temperature,
#network,
#pulseaudio,
#custom-bluetooth,
#custom-power,
#window,
#mpris,
#custom-rclone,
#custom-updates,
#custom-vpn,
#mpd {
    padding: 2px 10px;
    margin: 3px 3px;
    border-radius: 10px;
    transition: background-color 0.3s ease-in-out;
}

#workspaces button {
    padding: 0 5px;
    background-color: transparent;
    color: #a6adc8; /* Subtext0 */
    border-radius: 0;
}

#workspaces button:hover {
    background: rgba(0, 0, 0, 0.2);
}

#workspaces button.focused {
    background-color: #313244; /* Surface0 */
    color: #cdd6f4; /* Text */
    border-radius: 10px;
}

#workspaces button.urgent {
    background-color: #f38ba8; /* Red */
    border-radius: 10px;
}

#mode {
    background-color: #cba6f7; /* Mauve */
    color: #1e1e2e; /* Base */
}

#custom-bluetooth, #custom-power {
    background-color: #74c7ec; /* Sapphire */
    color: #1e1e2e; /* Base */
}

#clock {
    background-color: #94e2d5; /* Teal */
    color: #1e1e2e; /* Base */
    font-size: 20px;
}

#cpu {
    background-color: #a6e3a1; /* Green */
    color: #1e1e2e; /* Base */
}

#memory {
    background-color: #89b4fa; /* Blue */
    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 */
}

#pulseaudio {
    background-color: #f5c2e7; /* Pink */
    color: #1e1e2e; /* Base */
}

#mpris {
    background-color: #b4befe; /* Lavender */
    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, #mpd:hover {
    background-color: rgba(88, 91, 112, 0.9); /* Surface2 with transparency */
}

#idle_inhibitor {
    padding: 2px 10px;
    margin: 3px 3px;
    border-radius: 10px;
    background-color: #f38ba8; /* Red */
    color: #1e1e2e; /* Base */
}

#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 */
}