aurorab062a86
waybar: remove transparency, make more similar to dwm bar
+24 −15
2 files changed
- M .config/waybar/config.jsonc +1 −1
- M .config/waybar/style.css +23 −14
| @@ -77,7 +77,7 @@ | |||
| 77 | 77 | }, | |
| 78 | 78 | "custom/date": { | |
| 79 | 79 | "timezone": "Asia/Kolkata", | |
| 80 | − | "exec": "date +'%a %d %b %Y'", | |
| 80 | + | "exec": "date +'%d %b %Y'", | |
| 81 | 81 | "format": " {}", | |
| 82 | 82 | "interval": 1, | |
| 83 | 83 | "tooltip": false | |
| @@ -40,18 +40,19 @@ font-family: "Fira Code", "FontAwesome"; | |||
| 40 | 40 | font-weight: bold; | |
| 41 | 41 | min-height: 0; | |
| 42 | 42 | /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ | |
| 43 | − | font-size: 97%; | |
| 43 | + | font-size: 96%; | |
| 44 | 44 | font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; | |
| 45 | − | padding: 0.03125rem; | |
| 45 | + | /* padding: 0.03125rem; */ | |
| 46 | 46 | } | |
| 47 | 47 | ||
| 48 | 48 | window#waybar { | |
| 49 | 49 | transition-property: background-color; | |
| 50 | 50 | transition-duration: 0.5s; | |
| 51 | − | background: transparent; | |
| 51 | + | /* background: transparent; */ | |
| 52 | + | background: @base ; | |
| 52 | 53 | /*border: 2px solid @overlay0;*/ | |
| 53 | 54 | /*background: @theme_base_color;*/ | |
| 54 | − | border-radius: 10px; | |
| 55 | + | /* border-radius: 10px; */ | |
| 55 | 56 | } | |
| 56 | 57 | ||
| 57 | 58 | window#waybar.hidden { | |
| @@ -69,8 +70,8 @@ window#waybar.hidden { | |||
| 69 | 70 | ||
| 70 | 71 | #workspaces { | |
| 71 | 72 | /* border-radius: 8px; */ | |
| 72 | − | padding: 0 3px 0 8px; | |
| 73 | − | margin: 5px 5px 5px 0; | |
| 73 | + | /* padding: 0 3px 0 8px; */ | |
| 74 | + | /* margin: 5px 5px 5px 0; */ | |
| 74 | 75 | transition: all 0.2s ease; | |
| 75 | 76 | } | |
| 76 | 77 | ||
| @@ -88,19 +89,19 @@ window#waybar.hidden { | |||
| 88 | 89 | /* center the icon, no clue why this is necessary */ | |
| 89 | 90 | padding-left: 5px; | |
| 90 | 91 | padding-right: 10px; | |
| 91 | − | padding-top: 1px; | |
| 92 | + | /* padding-top: 1px; */ | |
| 92 | 93 | ||
| 93 | 94 | box-shadow: inset 0 -1px #e3e3e3; | |
| 94 | 95 | } | |
| 95 | 96 | ||
| 96 | 97 | /* the first and last buttons should be rounded */ | |
| 97 | 98 | #workspaces button:first-child { | |
| 98 | − | border-top-left-radius: 8px; | |
| 99 | − | border-bottom-left-radius: 8px; | |
| 99 | + | /* border-top-left-radius: 8px; */ | |
| 100 | + | /* border-bottom-left-radius: 8px; */ | |
| 100 | 101 | } | |
| 101 | 102 | #workspaces button:last-child { | |
| 102 | − | border-top-right-radius: 8px; | |
| 103 | − | border-bottom-right-radius: 8px; | |
| 103 | + | /* border-top-right-radius: 8px; */ | |
| 104 | + | /* border-bottom-right-radius: 8px; */ | |
| 104 | 105 | } | |
| 105 | 106 | ||
| 106 | 107 | /* empty persistent workspaces */ | |
| @@ -164,9 +165,9 @@ window#waybar.hidden { | |||
| 164 | 165 | #custom-notification, | |
| 165 | 166 | #mpd { | |
| 166 | 167 | background-color: @base; | |
| 167 | − | border-radius: 8px; | |
| 168 | 168 | padding: 0 12px 0 12px; | |
| 169 | − | margin: 5px 5px 5px 0; | |
| 169 | + | margin-left: 10px; | |
| 170 | + | ||
| 170 | 171 | } | |
| 171 | 172 | ||
| 172 | 173 | /* If workspaces is the leftmost module, omit left margin */ | |
| @@ -185,18 +186,22 @@ window#waybar.hidden { | |||
| 185 | 186 | ||
| 186 | 187 | #clock { | |
| 187 | 188 | color: #eceff4; | |
| 189 | + | box-shadow: inset 0 -1px #eceff4; | |
| 188 | 190 | } | |
| 189 | 191 | ||
| 190 | 192 | #custom-date { | |
| 191 | 193 | color: #b48ead; | |
| 194 | + | box-shadow: inset 0 -1px #b48ead; | |
| 192 | 195 | } | |
| 193 | 196 | ||
| 194 | 197 | #battery { | |
| 195 | 198 | color: #ebcb8b; | |
| 199 | + | box-shadow: inset 0 -1px #ebcb8b; | |
| 196 | 200 | } | |
| 197 | 201 | ||
| 198 | 202 | #backlight { | |
| 199 | − | color: @teal | |
| 203 | + | color: @teal; | |
| 204 | + | box-shadow: inset 0 -1px @teal; | |
| 200 | 205 | } | |
| 201 | 206 | ||
| 202 | 207 | @keyframes blink { | |
| @@ -222,10 +227,12 @@ label:focus { | |||
| 222 | 227 | ||
| 223 | 228 | #cpu { | |
| 224 | 229 | color: #bf616a; | |
| 230 | + | box-shadow: inset 0 -1px #bf616a; | |
| 225 | 231 | } | |
| 226 | 232 | ||
| 227 | 233 | #memory { | |
| 228 | 234 | color: #a3be8c; | |
| 235 | + | box-shadow: inset 0 -1px #a3be8c; | |
| 229 | 236 | } | |
| 230 | 237 | ||
| 231 | 238 | /* #disk { | |
| @@ -246,6 +253,7 @@ label:focus { | |||
| 246 | 253 | ||
| 247 | 254 | #pulseaudio { | |
| 248 | 255 | color: @text; | |
| 256 | + | box-shadow: inset 0 -1px @text; | |
| 249 | 257 | } | |
| 250 | 258 | ||
| 251 | 259 | ||
| @@ -259,6 +267,7 @@ label:focus { | |||
| 259 | 267 | ||
| 260 | 268 | #tray { | |
| 261 | 269 | color: @subtext0; | |
| 270 | + | box-shadow: inset 0 -1px @subtext0; | |
| 262 | 271 | ||
| 263 | 272 | } | |
| 264 | 273 | ||