kenpat/hyprland-desktop-t14s
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add working waybar CSS

Browse source
This commit is contained in:
kenpat 2026-06-08 18:12:44 +00:00
parent 118189fd26
commit 09139f6a37
1 changed files with 128 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

128
waybar/style.css Normal file
View file

@ -0,0 +1,128 @@
* {
all: unset;
font-family: MonoidNerdFont;
font-size: 15px;
font-weight: 300;
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
window#waybar {
background: rgba(17, 17, 27, 0);
}
tooltip {
background: #000000;
border-radius: 20px;
border-width: 2px;
border-style: solid;
border-color: #D90202;
background-color: #000000;
}
tooltip label {
color: #33D4C4;
}
#hardware {
color: #33d4c4;
margin: 10px 0px;
border-radius: 40px;
border: 2px solid #D90202;
background-color: #362921;
}
#network, #memory, #cpu, #battery, #clock, #custom-temperature {
border-radius: 30px;
margin: 2px 2px;
padding: 0px 7px;
background-color: #000000;
}
#workspaces {
color: #33d4c4;
margin: 10px 5px;
border-radius: 20px;
border: 2px solid #D90202;
background-color: #362921;
}
#workspaces button {
transition: all 0.05s cubic-bezier(0.165, 0.84, 0.44, 1);
margin: 2px 2px;
padding: 2px 5px;
background-color: #000000;
border-radius: 40px;
}
#workspaces button.active {
color: #D90202;
}
#workspaces button:hover {
background: #DDDDDD;
}
#custom-power {
font-size: 30px;
color: #720102;
margin: 10px 5px;
padding: 0px 13px;
border: 2px solid #D90202;
border-radius: 40px;
background-color: #000000;
}
#media {
color: #33d4c4;
margin: 10px 5px;
border-radius: 40px;
border: 2px solid #D90202;
background-color: #362921;
}
#custom-cava {
border-radius: 30px;
margin: 2px 2px;
padding: 0px 7px;
background-color: #000000;
}
#mpris, #pulseaudio, #custom-spotify {
border-radius: 30px;
margin: 2px 2px;
padding: 0px 7px;
background-color: #000000;
}
#mpris.paused {
color: #D90202;
}
#battery.warning {
color: #D90202;
}
#battery.critical {
color: #D90202;
border-color: #D90202;
animation: blink 0.5s steps(1) infinite;
}
#custom-spotify {
color: #33D4C4;
font-size: 18px;
}
@keyframes blink {
to { color: #000000; background-color: #D90202; }
}
#clock {
color: #33d4c4;
margin: 10px 5px;
padding: 0px 13px;
border: 2px solid #D90202;
border-radius: 40px;
background-color: #000000;
}