This repository has been archived on 2021-04-06. You can view files and clone it, but cannot push or open issues/pull-requests.
dotfiles/home/.config/waybar/style.css

150 lines
2.2 KiB
CSS

* {
border-radius: 0;
border: none;
font-family: "Iosevka Nerd Font";
font-size: 12px;
min-height: 0;
transition-property: none;
}
window#waybar {
background-color: #002b36;
color: #839496;
}
#workspaces button {
padding: 0 5px;
background-color: #002b36;
color: inherit;
border-bottom: 2px solid transparent;
}
#workspaces button:hover {
background: #073642;
box-shadow: inherit;
text-shadow: inherit;
}
#workspaces button.focused {
border-bottom: 2px solid #859900;
}
#workspaces button.urgent {
background-color: #dc322f;
}
#mode {
background-color: #073642;
font-style: italic;
}
/* all modules on the right */
#waybar > box > box:nth-child(3) > widget > label {
padding: 0 10px;
}
#battery.charging {
color: #073642;
background-color: #859900;
}
@keyframes blink {
to {
background-color: #fdf6e3;
color: #657b83;
}
}
#battery.critical:not(.charging),
#temperature.critical {
background-color: #dc322f;
animation-name: blink;
animation-duration: 0.5s;
/* FIXME use nearest neighbor interpolation if possible */
animation-timing-function: cubic-bezier(1, 0, 0, 1);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#cpu {
background-color: #2aa198;
color: #073642
}
#memory {
background-color: #b58900;
color: #073642
}
#backlight {
background-color: #fdf6e3;
color: #657b83;
}
#network {
background-color: #6c71c4;
color: #073642
}
#custom-vpn {
background-color: #268bd2;
color: #073642
}
#network.disconnected {
background-color: #dc322f;
}
#network.speed {
background-color: #859900;
}
#pulseaudio {
background-color: #fdf6e3;
color: #657b83;
}
#pulseaudio.muted {
background-color: #002b36;
color: #839496;
}
#temperature {
background-color: #d33682;
color: #073642;
}
#idle_inhibitor.activated {
background-color: #fdf6e3;
color: #002b36;
}
#mpd {
background-color: #859900;
color: #073642;
}
#mpd.disconnected {
background-color: #dc322f;
}
#mpd.stopped {
background-color: #cb4b16;
}
#mpd.paused {
background-color: #b58900;
}
#custom-redshift {
color: #073642;
}
#custom-redshift.active {
background-color: #dc322f;
}
#custom-redshift.inactive {
background-color: #268bd2;
}