44 lines
1.1 KiB
CSS
44 lines
1.1 KiB
CSS
/* Die gesamte Bar */
|
|
window#waybar {
|
|
background-color: rgba(25, 16, 36, 0.85); /* Tiefes Dunkellila aus dem Wald */
|
|
border-bottom: 2px solid #ff7b3b; /* Sonnen-Orange */
|
|
color: #fce8e1; /* Warmes, weiches Weiß */
|
|
font-family: "Fira Code", "Font Awesome 6 Free";
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Einzelne Module stylen */
|
|
#workspaces button {
|
|
padding: 0 5px;
|
|
background-color: transparent;
|
|
color: #fce8e1;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
color: #ff7b3b; /* Orange für aktiven Workspace */
|
|
border-bottom: 3px solid #ff7b3b;
|
|
}
|
|
|
|
#clock, #cpu, #memory, #battery, #pulseaudio, #network {
|
|
padding: 0 10px;
|
|
margin: 4px;
|
|
background-color: #3b1d3d; /* Dunkles Magenta/Pink als Hintergrund */
|
|
border-radius: 8px;
|
|
}
|
|
|
|
/* Dem Tray-Container Platz und Design geben */
|
|
#tray {
|
|
padding: 0 10px;
|
|
margin: 4px;
|
|
background-color: #3b1d3d; /* Gleicher Hintergrund wie CPU/Clock */
|
|
border-radius: 8px;
|
|
}
|
|
|
|
/* Den Abstand zwischen den einzelnen Icons im Tray erhöhen */
|
|
#tray > widget {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
#tray > widget:first-child {
|
|
margin-left: 0px;
|
|
} |