Created
September 9, 2021 18:12
-
-
Save sochotnicky/7d516bffe7f784ed9e883621ce078f10 to your computer and use it in GitHub Desktop.
.config/waybar/style.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Solarized definitions: | |
$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; | |
*/ | |
* { | |
border: 0px; | |
border-radius: 0; | |
/* `otf-font-awesome` is required to be installed for icons */ | |
font-family: Source Code Pro, "FontAwesome 5 Free Solid", Roboto, Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
min-height: 0; | |
} | |
window#waybar { | |
background-color: #073642; | |
border-bottom: 3px solid rgba(100, 114, 125, 0.5); | |
color: #eee8d5; | |
transition-property: background-color; | |
transition-duration: .5s; | |
} | |
window#waybar.hidden { | |
opacity: 0.2; | |
} | |
/* | |
window#waybar.empty { | |
background-color: transparent; | |
} | |
window#waybar.solo { | |
background-color: #FFFFFF; | |
} | |
*/ | |
#workspaces button { | |
padding: 0 5px; | |
background-color: transparent; | |
color: #eee8d5; | |
/* Use box-shadow instead of border so the text isn't offset */ | |
box-shadow: inset 0 -3px transparent; | |
} | |
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ | |
#workspaces button:hover { | |
background: rgba(0, 0, 0, 0.2); | |
box-shadow: inset 0 -3px #ffffff; | |
} | |
#workspaces button.focused { | |
background-color: #64727D; | |
box-shadow: inset 0 -3px #ffffff; | |
} | |
#workspaces button.urgent { | |
background-color: #cb4b16; | |
} | |
#mode { | |
background-color: #64727D; | |
border-bottom: 3px solid #ffffff; | |
} | |
#clock, | |
#battery, | |
#cpu, | |
#memory, | |
#temperature, | |
#backlight, | |
#network, | |
#pulseaudio, | |
#custom-media, | |
#tray, | |
#mode, | |
#idle_inhibitor, | |
#language, | |
#mpd { | |
padding: 0 10px; | |
margin: 0 4px; | |
background-color: #073642; | |
color: #eee8d5; | |
border-bottom: 3px solid rgba(100, 114, 125, 0.5); | |
border-left: 5px solid #002b36; | |
} | |
#battery { | |
} | |
#battery.charging { | |
color: #ffffff; | |
background-color: #26A65B; | |
} | |
@keyframes blink { | |
to { | |
background-color: #ffffff; | |
color: #000000; | |
} | |
} | |
#battery.critical:not(.charging) { | |
background-color: #f53c3c; | |
color: #eee8d5; | |
animation-name: blink; | |
animation-duration: 0.5s; | |
animation-timing-function: linear; | |
animation-iteration-count: infinite; | |
animation-direction: alternate; | |
} | |
label:focus { | |
background-color: #000000; | |
} | |
#network.disconnected { | |
background-color: #eb4d4b; | |
} | |
#pulseaudio.muted { | |
color: #839496; | |
} | |
#temperature.critical { | |
background-color: #eb4d4b; | |
} | |
#idle_inhibitor.activated { | |
background-color: #ecf0f1; | |
color: #2d3436; | |
} | |
#cpu.high { | |
background-color: #cb4b16; | |
} | |
#language { | |
padding: 0 5px; | |
margin: 0 5px; | |
min-width: 16px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment