Files
colorshell/waybar/style.css
T

92 lines
1.3 KiB
CSS

@import "../../.cache/wal/colors-waybar.css";
@import "./modules.css";
* {
color: @foreground;
transition: 120ms ease-in;
}
window#waybar {
font-family: "Noto Sans", "Font Awesome", sans-serif;
font-size: 12px;
color: @foreground;
border-radius: 16px;
background: transparent;
}
window#waybar.hidden {
opacity: 0;
}
window > * > * {
padding: 4px;
}
.modules-left,
.modules-center,
.modules-right {
background: alpha(@background, .80);
border-radius: 14px;
}
.module {
padding: 0 10px;
font-weight: 500;
margin: 0 1px;
}
widget > * {
border-radius: 14px;
}
widget > *:hover:not(#workspaces):not(#tray):not(#custom-media) {
background: @color1;
}
widget label {
font-size: .98em;
font-weight: 500;
}
menu {
background: @background;
border: none;
padding: 2px;
}
menu > separator {
padding: 0px;
}
menu > * {
border-radius: 2px;
}
menu > *:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
menu > *:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
menu > *:hover {
background: @color1;
}
tooltip {
padding: 3px;
border-radius: 8px;
border-color: @color1;
background: @background;
}
tooltip > * {
padding: 0;
font-weight: 500;
font-size: .95em;
}