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