statzitz/dotfiles
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

waybar change background color

Browse source
This commit is contained in:
primardj 2024-03-15 14:06:57 +00:00
parent a5500ffff7
commit e111a2fe52
1 changed files with 29 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
dotconfig/waybar/style.css
View file

@ -9,7 +9,8 @@
window#waybar { window#waybar {
/* That rule apply to the back of the bar. */ /* That rule apply to the back of the bar. */
background: rgba(0, 0, 0, 0.65); /*background: rgba(0, 0, 0, 0.65);*/
background: rgba(40, 31, 30, 0.8);
/*background: transparent; */ /*background: transparent; */
} }
@ -24,12 +25,12 @@ window#waybar.hidden {
padding-top: 2px; padding-top: 2px;
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
border-radius: 26px; border-radius: 25px;
transition: none; transition: none;
color: #f8f8f2; color: #f8f8f2;
background: #282a36; background: #362a28;
/*color: transparent; /*color: transparent;
background: transparent; background: transparent;
@ -43,7 +44,7 @@ window#waybar.hidden {
margin-left: 8px; margin-left: 8px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px; border-radius: 26px;
background: #282a36; background: #362a28;
transition: none; transition: none;
} }
@ -81,10 +82,10 @@ window#waybar.hidden {
/*padding-left: 16px;*/ /*padding-left: 16px;*/
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 0px 26px 26px 0px; border-radius: 0px 25px 25px 0px;
transition: none; transition: none;
/*color: #f8f8f2;*/ /*color: #f8f8f2;*/
background: #282a36; background: #362a28;
color: #bd93f9; color: #bd93f9;
/*color: #4d4d4d;*/ /*color: #4d4d4d;*/
/*background: #bd93f9;*/ /*background: #bd93f9;*/
@ -101,7 +102,7 @@ window#waybar.hidden {
/*color: #4d4d4d;*/ /*color: #4d4d4d;*/
/*background: #9aedfe;*/ /*background: #9aedfe;*/
color: #99ddff; color: #99ddff;
background: #282a36; background: #362a28;
} }
#temperature { #temperature {
@ -110,7 +111,7 @@ window#waybar.hidden {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px; border-radius: 25px;
transition: none; transition: none;
color: #4d4d4d; color: #4d4d4d;
background: #5af78e; background: #5af78e;
@ -122,12 +123,12 @@ window#waybar.hidden {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px 0px 0px 26px; border-radius: 25px 0px 0px 25px;
transition: none; transition: none;
/*color: #4d4d4d;*/ /*color: #4d4d4d;*/
/*background: #ff6e67;*/ /*background: #ff6e67;*/
color: #ff6666; color: #ff6666;
background: #282a36; background: #362a28;
} }
#cpu { #cpu {
@ -136,7 +137,7 @@ window#waybar.hidden {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px; border-radius: 25px;
transition: none; transition: none;
color: #4d4d4d; color: #4d4d4d;
background: #f1fa8c; background: #f1fa8c;
@ -153,7 +154,7 @@ window#waybar.hidden {
/*color: #4d4d4d; /*color: #4d4d4d;
background: #ff751a;*/ background: #ff751a;*/
color: #ff8844; color: #ff8844;
background: #282a36; background: #362a28;
} }
#battery { #battery {
@ -163,12 +164,12 @@ window#waybar.hidden {
/*padding-left: 16px;*/ /*padding-left: 16px;*/
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 0px 26px 26px 0px; border-radius: 0px 25px 25px 0px;
transition: none; transition: none;
/*color: #4d4d4d; /*color: #4d4d4d;
background: #ffc61a;*/ background: #ffc61a;*/
color: #ffdd44; color: #ffdd44;
background: #282a36; background: #362a28;
} }
#battery.warning { #battery.warning {
@ -180,6 +181,18 @@ window#waybar.hidden {
background: #ffdd44 background: #ffdd44
} }
#tray {
margin-right: 12px;
padding-right: 16px;
padding-left: 16px;
margin-bottom: 0;
border-radius: 25px 25px 25px 25px;
transition: none;
color: #ffdd44;
background: #362a28;
}
#clock { #clock {
/*margin-top: 8px;*/ /*margin-top: 8px;*/
margin-left: 12px; margin-left: 12px;
@ -188,11 +201,10 @@ window#waybar.hidden {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px 0px 0px 26px; border-radius: 25px 0px 0px 25px;
transition: none; transition: none;
/*color: #f8f8f2;*/ /*color: #f8f8f2;*/
color: #ffcc44; color: #ffcc44;
background: #282a36; background: #362a28;
} }