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

Update waybar style

Browse Source 
Fix incorrect selenized dark color, reduce padding around workspace
module, improve colors for battery charging, improve bottom border
on active workspace.
This commit is contained in:
Alan Orth 2023-03-02 21:12:02 +03:00
parent b468cf8c94
commit 50fab353e2
Signed by: alanorth
GPG Key ID: 0FB860CC9C45B1B9
1 changed files with 13 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
dotfiles/config/waybar/style.css
View File

@ -2,7 +2,7 @@
/* { /* {
--base03: #103c48 (002b36); --base03: #103c48 (002b36);
--base02: #839496 (073642); --base02: #184956 (073642);
--base01: #84c747 (586e75); --base01: #84c747 (586e75);
--base00: #ebc13d (657b83); --base00: #ebc13d (657b83);
--base0: #adbcbc (839496); --base0: #adbcbc (839496);
@ -38,21 +38,16 @@ window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
} }
#workspaces {
border-bottom: 1px solid #84c747;
}
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
#workspaces button { #workspaces button {
padding: 0 5px; padding: 0 3px;
background-color: transparent; background-color: transparent;
color: #adbcbc; color: #adbcbc;
border-bottom: 3px solid transparent; border-bottom: 2px solid transparent;
} }
#workspaces button.focused { #workspaces button.focused {
background-color: #073642; background-color: #184956;
border-bottom: 1px solid #ff0; border-bottom: 2px solid #fa5750;
} }
#workspaces button.urgent { #workspaces button.urgent {
@ -66,20 +61,20 @@ window#waybar.hidden {
} }
#clock { #clock {
background-color: #073642; background-color: #184956;
} }
#battery { #battery {
background-color: #073642; background-color: #184956;
} }
#battery.charging { #battery.charging {
color: #72898f; color: #103c48;
background-color: #75b938; background-color: #75b938;
} }
#language { #language {
background-color: #073642; background-color: #184956;
} }
@keyframes blink { @keyframes blink {
@ -100,11 +95,11 @@ window#waybar.hidden {
} }
label:focus { label:focus {
background-color: #073642; background-color: #184956;
} }
#network { #network {
background-color: #073642; background-color: #184956;
} }
#network.disconnected { #network.disconnected {
@ -112,7 +107,7 @@ label:focus {
} }
#wireplumber { #wireplumber {
background-color: #073642; background-color: #184956;
} }
#wireplumber.muted { #wireplumber.muted {
@ -128,5 +123,5 @@ label:focus {
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
background-color: #073642; background-color: #184956;
} }