adrien/Dotfiles
1
0
Fork 0
Code Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
.config/waybar/style.css
+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;
.config/waybar/style1.css
Executable
+167
View File
@@ -0,0 +1,167 @@
@import url('../../.cache/wal/colors-waybar.css');
* {
font-size:15px;
font-family: "CodeNewRoman Nerd Font Propo";
}
window#waybar{
all:unset;
}
.modules-left {
padding:7px;
margin:5px;
border-radius:10px;
background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
}
.modules-center {
padding:7px;
margin:5px;
border-radius:10px;
background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
}
.modules-right {
padding:7px;
margin:5px;
border-radius:10px;
background: alpha(@background,.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
}
tooltip {
background:@background;
color: @color7;
}
#clock:hover, #custom-pacman:hover, #custom-notification:hover,#bluetooth:hover,#network:hover,#battery:hover, #cpu:hover,#memory:hover,#temperature:hover{
transition: all .3s ease;
color:@color9;
}
#custom-notification {
padding: 0px 5px;
transition: all .3s ease;
color:@color7;
}
#clock{
padding: 0px 5px;
color:@color7;
transition: all .3s ease;
}
#custom-pacman{
padding: 0px 5px;
transition: all .3s ease;
color:@color7;
}
#workspaces {
padding: 0px 5px;
}
#workspaces button {
all:unset;
padding: 0px 5px;
color: alpha(@color9,.4);
transition: all .2s ease;
}
#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;
}
#workspaces button.active {
color: @color9;
border: none;
text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
}
#workspaces button.empty {
color: rgba(0,0,0,0);
border: none;
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .2);
}
#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;
border: none;
text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
}
#bluetooth{
padding: 0px 5px;
transition: all .3s ease;
color:@color7;
}
#network{
padding: 0px 5px;
transition: all .3s ease;
color:@color7;
}
#battery{
padding: 0px 5px;
transition: all .3s ease;
color:@color7;
}
#battery.charging {
color: #26A65B;
}
#battery.warning:not(.charging) {
color: #ffbe61;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#group-expand{
padding: 0px 5px;
transition: all .3s ease;
}
#custom-expand{
padding: 0px 5px;
color:alpha(@foreground,.2);
text-shadow: 0px 0px 2px rgba(0, 0, 0, .7);
transition: all .3s ease;
}
#custom-expand:hover{
color:rgba(255,255,255,.2);
text-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
}
#custom-colorpicker{
padding: 0px 5px;
}
#cpu,#memory,#temperature{
padding: 0px 5px;
transition: all .3s ease;
color:@color7;
}
#custom-endpoint{
color:transparent;
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, 1);
}
#tray{
padding: 0px 5px;
transition: all .3s ease;
}
#tray menu * {
padding: 0px 5px;
transition: all .3s ease;
}
#tray menu separator {
padding: 0px 5px;
transition: all .3s ease;
}