I Changed some stuff! Added myfetch and a lot of other small tweaks. Optional New waybar.css

This commit is contained in:
Eli Fouts
2025-02-07 01:34:48 -05:00
parent 6e6bedc566
commit b48a3524e5
18 changed files with 286 additions and 60 deletions
+31 -14
View File
@@ -9,21 +9,23 @@ window#waybar{
}
.modules-left {
padding:7px;
margin:5px;
margin:10 0 0 10;
border-radius:10px;
background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
}
.modules-center {
padding:7px;
margin:5px;
margin:10 0 0 0;
border-radius:10px;
background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
min-width:161px;
}
.modules-right {
padding:7px;
margin:5px;
margin: 10 10 0 0;
border-radius:10px;
background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
@@ -54,39 +56,54 @@ tooltip {
}
#workspaces {
padding: 0px 5px;
text-shadow:none;
}
#workspaces button {
all:unset;
padding: 0px 5px;
color: alpha(@color9,.4);
transition: all .2s ease;
margin: 0px 3px;
padding: 0px 2px;
color:rgba(0,0,0,0);
text-shadow:none;
background: linear-gradient(45deg, alpha(@color2,.5), alpha(@color9,.5));
border-radius: 50%;
transition: all .3s ease-in-out;
min-width: 15px;
}
#workspaces button:hover {
color:rgba(0,0,0,0);
border: none;
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
transition: all 1s ease;
background: linear-gradient(45deg, alpha(@color9,1), alpha(@color2,1));
}
#workspaces button.active {
color: @color9;
color:rgba(0,0,0,0);
border: none;
text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
padding: 0px 2px;
min-width:40px;
border-radius:10px;
transition: all .3s ease-in-out;
background: linear-gradient(45deg, @color2, @color9);
}
#workspaces button.empty {
color: rgba(0,0,0,0);
border: none;
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .2);
text-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
transition: all .3s ease-in-out;
background: rgba(0,0,0,0);
}
#workspaces button.empty:hover {
color: rgba(0,0,0,0);
border: none;
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
transition: all 1s ease;
}
#workspaces button.empty.active {
color: @color9;
color: rgba(0,0,0,0);
border: none;
text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
text-shadow: none;
transition: all .3s ease-in-out;
background: linear-gradient(45deg, @color2, @color9);
}
#bluetooth{
padding: 0px 5px;