skyler/Waybar_Config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added pulsing animation for waybar border

Browse Source
This commit is contained in:
skyler 2025-05-06 08:50:08 +08:00
parent 40eae9c859
commit 992ee6d3f2
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
style.css
View File

@ -4,12 +4,22 @@
font-size: 13px; font-size: 13px;
} }
window#waybar { window#waybar {
background-color: rgba(43, 48, 59, 0.5); background-color: rgba(43, 48, 59, 0.65);
border-bottom: 2px solid rgba(100, 114, 125, 0.5); border-bottom: 2px solid rgba(0, 255, 255, 0.5);
color: #ffffff; color: #ffffff;
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
animation: pulse 13s infinite;
}
@keyframes pulse {
0% {border-color:#00ffff;}
50% {border-color:#ff00ff;}
100% {border-color:#00ffff;}
} }
window#waybar.hidden { window#waybar.hidden {