Update waybar style

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

View File

@ -2,7 +2,7 @@
/* {
--base03: #103c48 (002b36);
--base02: #839496 (073642);
--base02: #184956 (073642);
--base01: #84c747 (586e75);
--base00: #ebc13d (657b83);
--base0: #adbcbc (839496);
@ -38,21 +38,16 @@ window#waybar.hidden {
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 {
padding: 0 5px;
padding: 0 3px;
background-color: transparent;
color: #adbcbc;
border-bottom: 3px solid transparent;
border-bottom: 2px solid transparent;
}
#workspaces button.focused {
background-color: #073642;
border-bottom: 1px solid #ff0;
background-color: #184956;
border-bottom: 2px solid #fa5750;
}
#workspaces button.urgent {
@ -66,20 +61,20 @@ window#waybar.hidden {
}
#clock {
background-color: #073642;
background-color: #184956;
}
#battery {
background-color: #073642;
background-color: #184956;
}
#battery.charging {
color: #72898f;
color: #103c48;
background-color: #75b938;
}
#language {
background-color: #073642;
background-color: #184956;
}
@keyframes blink {
@ -100,11 +95,11 @@ window#waybar.hidden {
}
label:focus {
background-color: #073642;
background-color: #184956;
}
#network {
background-color: #073642;
background-color: #184956;
}
#network.disconnected {
@ -112,7 +107,7 @@ label:focus {
}
#wireplumber {
background-color: #073642;
background-color: #184956;
}
#wireplumber.muted {
@ -128,5 +123,5 @@ label:focus {
}
#idle_inhibitor.activated {
background-color: #073642;
background-color: #184956;
}