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

Update waybar style

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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