jellyfishsh/stygio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

made a bubble-ish style for the bar. Hae a slightly better understanding

Browse Source 
of waybar. Planning to make a more concrete style for the bar
This commit is contained in:
Jellyfish 2025-06-29 16:19:51 -07:00
parent 4c980ee95e
commit 060a6fc75f
1 changed files with 19 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
.config/waybar/style.css
View File

@ -2,7 +2,7 @@
/* All things related to the bar itself */
* {
font-family: "FiraCode Nerd Font";
font-size: 16px;
font-size: 14px;
border-radius: 0;
min-height: 0;
border: none;
@ -10,9 +10,9 @@
}
#waybar {
background-color: #181825;
background-color: rgba(0,0,0,0);
transition-property: background-color;
transition-duration: 0.5s;
transition-duration: 0.7s;
}
@ -20,31 +20,29 @@
opacity: 0.5;
}
/* All stuff related to the tags*/
#tags button {
background-color: #ffffff;
#window,
#clock,
#tray,
#tags {
border-radius: 21px;
padding: 7px 7px;
margin: 7px 3px 7px;
background-color: #1e1e2e;
color: #181825;
}
#tags button.occupied {
background-color: #000044;
#tags button {
border-radius: 21px;
}
#tags button.focused {
background-color: #004400;
background-color: #4e4e6e;
}
#tags button.urgent {
background-color: #000044;
}
/* All stuff related to the window name */
#window {
background-color: #333333;
color: #ffffff;
color: #656565;
}
#window.focused {
background-color: #666666;
color: #ffffff;
}