Update .config/waybar/style.css

This commit is contained in:
Yarne Coppens 2026-02-05 19:07:57 +01:00
parent 663d5789b1
commit 1c9989f0e6

View file

@ -5,13 +5,15 @@
font-size: 14px;
}
@define-color background_color rgba(20,45,76,1);
@define-color module_container_color rgba(38,51,70,1);
@define-color text_color rgba(159,211,199,1);
window#waybar {
background-color: rgba(59, 43, 43, 0.3);
border-bottom: 3px solid rgba(100, 114, 125, 0.5);
color: #ffffff;
background-color: @background_color;
color: @text_color;
transition-property: background-color;
transition-duration: .5s;
padding: 0 10px;
}
label:focus {
@ -37,7 +39,6 @@ button:hover {
#workspaces button {
padding: 0 5px;
background-color: transparent;
color: #ffffff;
}
#workspaces button:hover {
@ -60,8 +61,8 @@ button:hover {
.modules-center,
.modules-right
{
background: rgba(0, 0, 8, .7);
margin: 0 10px;
background: @module_container_color;
margin: 4px 10px;
padding: 0 10px;
border-radius: 15px;
}
@ -88,7 +89,6 @@ button:hover {
{
margin: 0 5px;
padding: 0 5px;
color: #ffffff;
}
@ -125,7 +125,6 @@ button:hover {
#privacy-item {
padding: 0 5px;
color: white;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
@ -146,7 +145,8 @@ button:hover {
}
#cava {
color: rgba(255, 255, 255, 0.15);
color: @text_color;
opacity: 0.3;
}
#mpris {