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": { "custom/date": {
"timezone": "Asia/Kolkata", "timezone": "Asia/Kolkata",
"exec": "date +'%a %d %b %Y'", "exec": "date +'%d %b %Y'",
"format": "󰃭 {}", "format": "󰃭 {}",
"interval": 1, "interval": 1,
"tooltip": false "tooltip": false

37
.config/waybar/style.css
View File

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