adrien/Dotfiles
1
0
Fork 0
Code

Waybar css update

Browse Source
This commit is contained in:
Eli Fouts 2025-02-07 01:36:01 -05:00
parent b48a3524e5
commit 3d88f1129a
2 changed files with 45 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
.config/waybar/style.css
View File

@ -9,23 +9,21 @@ window#waybar{
} }
.modules-left { .modules-left {
padding:7px; padding:7px;
margin:10 0 0 10; margin:5px;
border-radius:10px; border-radius:10px;
background: alpha(@background,.5); background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5); box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
} }
.modules-center { .modules-center {
padding:7px; padding:7px;
margin:5px;
margin:10 0 0 0;
border-radius:10px; border-radius:10px;
background: alpha(@background,.5); background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5); box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
min-width:161px;
} }
.modules-right { .modules-right {
padding:7px; padding:7px;
margin: 10 10 0 0; margin:5px;
border-radius:10px; border-radius:10px;
background: alpha(@background,.5); background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5); box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
@ -56,54 +54,39 @@ tooltip {
} }
#workspaces { #workspaces {
padding: 0px 5px; padding: 0px 5px;
text-shadow:none;
} }
#workspaces button { #workspaces button {
all:unset; all:unset;
margin: 0px 3px; padding: 0px 5px;
padding: 0px 2px; color: alpha(@color9,.4);
color:rgba(0,0,0,0); transition: all .2s ease;
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 { #workspaces button:hover {
color:rgba(0,0,0,0); color:rgba(0,0,0,0);
border: none; border: none;
background: linear-gradient(45deg, alpha(@color9,1), alpha(@color2,1)); text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
transition: all 1s ease;
} }
#workspaces button.active { #workspaces button.active {
color:rgba(0,0,0,0); color: @color9;
border: none; border: none;
padding: 0px 2px; text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
min-width:40px;
border-radius:10px;
transition: all .3s ease-in-out;
background: linear-gradient(45deg, @color2, @color9);
} }
#workspaces button.empty { #workspaces button.empty {
color: rgba(0,0,0,0); color: rgba(0,0,0,0);
border: none; border: none;
text-shadow: 0px 0px 2px rgba(0, 0, 0, .2); text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .2);
transition: all .3s ease-in-out;
background: rgba(0,0,0,0);
} }
#workspaces button.empty:hover { #workspaces button.empty:hover {
color: rgba(0,0,0,0); color: rgba(0,0,0,0);
border: none; border: none;
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5); text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
transition: all 1s ease;
} }
#workspaces button.empty.active { #workspaces button.empty.active {
color: rgba(0,0,0,0); color: @color9;
border: none; border: none;
text-shadow: none; text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
transition: all .3s ease-in-out;
background: linear-gradient(45deg, @color2, @color9);
} }
#bluetooth{ #bluetooth{
padding: 0px 5px; padding: 0px 5px;

45
.config/waybar/style1.css → .config/waybar/style2.css
View File

@ -9,21 +9,23 @@ window#waybar{
} }
.modules-left { .modules-left {
padding:7px; padding:7px;
margin:5px; margin:10 0 0 10;
border-radius:10px; border-radius:10px;
background: alpha(@background,.5); background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5); box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
} }
.modules-center { .modules-center {
padding:7px; padding:7px;
margin:5px;
margin:10 0 0 0;
border-radius:10px; border-radius:10px;
background: alpha(@background,.5); background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5); box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
min-width:161px;
} }
.modules-right { .modules-right {
padding:7px; padding:7px;
margin:5px; margin: 10 10 0 0;
border-radius:10px; border-radius:10px;
background: alpha(@background,.5); background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5); box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
@ -54,39 +56,54 @@ tooltip {
} }
#workspaces { #workspaces {
padding: 0px 5px; padding: 0px 5px;
text-shadow:none;
} }
#workspaces button { #workspaces button {
all:unset; all:unset;
padding: 0px 5px; margin: 0px 3px;
color: alpha(@color9,.4); padding: 0px 2px;
transition: all .2s ease; 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 { #workspaces button:hover {
color:rgba(0,0,0,0); color:rgba(0,0,0,0);
border: none; border: none;
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5); background: linear-gradient(45deg, alpha(@color9,1), alpha(@color2,1));
transition: all 1s ease;
} }
#workspaces button.active { #workspaces button.active {
color: @color9; color:rgba(0,0,0,0);
border: none; 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 { #workspaces button.empty {
color: rgba(0,0,0,0); color: rgba(0,0,0,0);
border: none; 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 { #workspaces button.empty:hover {
color: rgba(0,0,0,0); color: rgba(0,0,0,0);
border: none; border: none;
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5); text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
transition: all 1s ease;
} }
#workspaces button.empty.active { #workspaces button.empty.active {
color: @color9; color: rgba(0,0,0,0);
border: none; 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{ #bluetooth{
padding: 0px 5px; padding: 0px 5px;