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; 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 { window#waybar {
background-color: rgba(59, 43, 43, 0.3); background-color: @background_color;
border-bottom: 3px solid rgba(100, 114, 125, 0.5); color: @text_color;
color: #ffffff;
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
padding: 0 10px;
} }
label:focus { label:focus {
@ -37,7 +39,6 @@ button:hover {
#workspaces button { #workspaces button {
padding: 0 5px; padding: 0 5px;
background-color: transparent; background-color: transparent;
color: #ffffff;
} }
#workspaces button:hover { #workspaces button:hover {
@ -60,8 +61,8 @@ button:hover {
.modules-center, .modules-center,
.modules-right .modules-right
{ {
background: rgba(0, 0, 8, .7); background: @module_container_color;
margin: 0 10px; margin: 4px 10px;
padding: 0 10px; padding: 0 10px;
border-radius: 15px; border-radius: 15px;
} }
@ -88,7 +89,6 @@ button:hover {
{ {
margin: 0 5px; margin: 0 5px;
padding: 0 5px; padding: 0 5px;
color: #ffffff;
} }
@ -125,7 +125,6 @@ button:hover {
#privacy-item { #privacy-item {
padding: 0 5px; padding: 0 5px;
color: white;
border-top-right-radius: 15px; border-top-right-radius: 15px;
border-bottom-right-radius: 15px; border-bottom-right-radius: 15px;
} }
@ -146,7 +145,8 @@ button:hover {
} }
#cava { #cava {
color: rgba(255, 255, 255, 0.15); color: @text_color;
opacity: 0.3;
} }
#mpris { #mpris {