Update waybar style

Use selenized dark color palette instead of solarized dark.
This commit is contained in:
Alan Orth 2023-03-02 15:56:37 +03:00
parent c7a14964b0
commit b468cf8c94
Signed by: alanorth
GPG Key ID: 0FB860CC9C45B1B9
1 changed files with 33 additions and 33 deletions

View File

@ -1,22 +1,22 @@
/* List of colors */
/* List of selenized-dark colors vs solarized-dark */
/* {
--base03: #002b36;
--base02: #073642;
--base01: #586e75;
--base00: #657b83;
--base0: #839496;
--base1: #93a1a1;
--base2: #eee8d5;
--base3: #fdf6e3;
--yellow: #b58900;
--orange: #cb4b16;
--red: #dc322f;
--magenta: #d33682;
--violet: #6c71c4;
--blue: #268bd2;
--cyan: #2aa198;
--green: #859900;
--base03: #103c48 (002b36);
--base02: #839496 (073642);
--base01: #84c747 (586e75);
--base00: #ebc13d (657b83);
--base0: #adbcbc (839496);
--base1: #53d6c7 (93a1a1);
--base2: #72898f (eee8d5);
--base3: #cad8d9 (fdf6e3);
--yellow: #dbb32d (b58900);
--orange: #ff665c (cb4b16);
--red: #fa5750 (dc322f);
--magenta: #f275be (d33682);
--violet: #ff84cd (6c71c4);
--blue: #4695f7 (268bd2);
--cyan: #41c7b9 (2aa198);
--green: #75b938 (859900);
} */
* {
@ -28,8 +28,8 @@
}
window#waybar {
background-color: #002b36;
color: #d33682;
background-color: #103c48;
color: #f275be;
transition-property: background-color;
transition-duration: .5s;
}
@ -39,14 +39,14 @@ window#waybar.hidden {
}
#workspaces {
border-bottom: 1px solid #586e75;
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;
background-color: transparent;
color: #657b83;
color: #adbcbc;
border-bottom: 3px solid transparent;
}
@ -56,13 +56,13 @@ window#waybar.hidden {
}
#workspaces button.urgent {
background-color: #d33682;
background-color: #f275be;
}
#clock, #battery, #network, #wireplumber, #tray, #mode, #language, #idle_inhibitor, #window {
padding: 0 10px;
margin: 0 2px;
color: #657b83;
color: #adbcbc;
}
#clock {
@ -74,8 +74,8 @@ window#waybar.hidden {
}
#battery.charging {
color: #eee8d5;
background-color: #859900;
color: #72898f;
background-color: #75b938;
}
#language {
@ -84,14 +84,14 @@ window#waybar.hidden {
@keyframes blink {
to {
background-color: #d33682;
color: #93a1a1;
background-color: #f275be;
color: #53d6c7;
}
}
#battery.critical:not(.charging) {
background-color: #dc322f;
color: #93a1a1;
background-color: #fa5750;
color: #53d6c7;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
@ -108,7 +108,7 @@ label:focus {
}
#network.disconnected {
background-color: #002b36;
background-color: #103c48;
}
#wireplumber {
@ -116,15 +116,15 @@ label:focus {
}
#wireplumber.muted {
background-color: #002b36;
background-color: #103c48;
}
#tray {
background-color: #002b36;
background-color: #103c48;
}
#idle_inhibitor {
background-color: #002b36;
background-color: #103c48;
}
#idle_inhibitor.activated {