1
0
Files
dotfiles/.config/waybar/style.css
T
mark 96cdcfe9ef Darker waybar
Works better without gaps.
2021-11-24 11:59:44 +01:00

79 lines
1.3 KiB
CSS

@import "../../.cache/wal/colors-waybar.css";
* {
border: none;
border-radius: 0;
font-family: 'JetBrainsMono Nerd Font Mono';
font-weight: bold;
font-size: 16px;
min-height: 0;
}
window {
padding: 0;
}
window#waybar {
background-color: alpha(@background, 0.7);
color: @foreground;
}
window#waybar.hidden {
opacity: 0.2;
}
window#waybar.kitty {
background-color: #3F3F3F;
}
#workspaces button {
padding: 5px;
margin: 0 3px;
font-weight:bold;
background-color: alpha(@background, 0.5);
color: alpha(@foreground, 0.5);
}
/* 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: inherit;
}
#workspaces button.focused {
background-color: @color4;
color: @foreground;
}
#mode {
background-color: #64727D;
border-top: 3px solid #ffffff;
}
#clock,
#battery,
#cpu,
#memory,
#temperature,
#backlight,
#network,
#pulseaudio,
#custom-media,
#tray,
#mode,
#mpd,
#disk,
#idle_inhibitor {
padding: 0 10px;
margin: 0 5px;
color: @foreground;
text-shadow: 1px 1px 2px @background;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #000000;
}
}