krolyxon
/
dotfiles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

waybar: remove transparency, make more similar to dwm bar

This commit is contained in:
krolxon 2025-08-17 21:16:38 +05:30
parent 2d2b27443f
commit b062a86f75
2 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.config/waybar/config.jsonc
View File

@ -77,7 +77,7 @@
},
"custom/date": {
"timezone": "Asia/Kolkata",
"exec": "date +'%a %d %b %Y'",
"exec": "date +'%d %b %Y'",
"format": "󰃭 {}",
"interval": 1,
"tooltip": false

37
.config/waybar/style.css
View File

@ -40,18 +40,19 @@ font-family: "Fira Code", "FontAwesome";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-size: 96%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 0.03125rem;
/* padding: 0.03125rem; */
}
window#waybar {
transition-property: background-color;
transition-duration: 0.5s;
background: transparent;
/* background: transparent; */
background: @base ;
/*border: 2px solid @overlay0;*/
/*background: @theme_base_color;*/
border-radius: 10px;
/* border-radius: 10px; */
}
window#waybar.hidden {
@ -69,8 +70,8 @@ window#waybar.hidden {
#workspaces {
/* border-radius: 8px; */
padding: 0 3px 0 8px;
margin: 5px 5px 5px 0;
/* padding: 0 3px 0 8px; */
/* margin: 5px 5px 5px 0; */
transition: all 0.2s ease;
}
@ -88,19 +89,19 @@ window#waybar.hidden {
/* center the icon, no clue why this is necessary */
padding-left: 5px;
padding-right: 10px;
padding-top: 1px;
/* padding-top: 1px; */
box-shadow: inset 0 -1px #e3e3e3;
}
/* the first and last buttons should be rounded */
#workspaces button:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
/* border-top-left-radius: 8px; */
/* border-bottom-left-radius: 8px; */
}
#workspaces button:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
/* border-top-right-radius: 8px; */
/* border-bottom-right-radius: 8px; */
}
/* empty persistent workspaces */
@ -164,9 +165,9 @@ window#waybar.hidden {
#custom-notification,
#mpd {
background-color: @base;
border-radius: 8px;
padding: 0 12px 0 12px;
margin: 5px 5px 5px 0;
margin-left: 10px;
}
/* If workspaces is the leftmost module, omit left margin */
@ -185,18 +186,22 @@ window#waybar.hidden {
#clock {
color: #eceff4;
box-shadow: inset 0 -1px #eceff4;
}
#custom-date {
color: #b48ead;
box-shadow: inset 0 -1px #b48ead;
}
#battery {
color: #ebcb8b;
box-shadow: inset 0 -1px #ebcb8b;
}
#backlight {
color: @teal
color: @teal;
box-shadow: inset 0 -1px @teal;
}
@keyframes blink {
@ -222,10 +227,12 @@ label:focus {
#cpu {
color: #bf616a;
box-shadow: inset 0 -1px #bf616a;
}
#memory {
color: #a3be8c;
box-shadow: inset 0 -1px #a3be8c;
}
/* #disk {
@ -246,6 +253,7 @@ label:focus {
#pulseaudio {
color: @text;
box-shadow: inset 0 -1px @text;
}
@ -259,6 +267,7 @@ label:focus {
#tray {
color: @subtext0;
box-shadow: inset 0 -1px @subtext0;
}