119 lines
2.4 KiB
CSS
119 lines
2.4 KiB
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.85); /* Base with transparency */
|
|
color: #cdd6f4; /* Text */
|
|
transition-property: background-color;
|
|
transition-duration: .5s;
|
|
border-radius: 15px;
|
|
margin: 5px 5px;
|
|
}
|
|
|
|
#workspaces,
|
|
#mode,
|
|
#clock,
|
|
#cpu,
|
|
#memory,
|
|
#network,
|
|
#pulseaudio,
|
|
#custom-bluetooth,
|
|
#custom-power,
|
|
#window,
|
|
#mpris {
|
|
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 */
|
|
}
|
|
|
|
#network {
|
|
background-color: #f9e2af; /* Yellow */
|
|
color: #1e1e2e; /* Base */
|
|
}
|
|
|
|
#pulseaudio {
|
|
background-color: #f5c2e7; /* Pink */
|
|
color: #1e1e2e; /* Base */
|
|
}
|
|
|
|
#mpris {
|
|
background-color: #b4befe; /* Lavender */
|
|
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 {
|
|
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 */
|
|
}
|