João Dias
99 lines
1.6 KiB
CSS
99 lines
1.6 KiB
CSS
|
|
@import "../../.cache/wal/colors-waybar.css";
|
|
@import "./modules.css";
|
|
|
|
* {
|
|
color: @foreground;
|
|
transition: 120ms ease-in;
|
|
font-family: "Noto Sans", "Font Awesome", sans-serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
window#waybar {
|
|
background: transparent;
|
|
}
|
|
|
|
window#waybar > box {
|
|
margin: 6px 6px 0px 6px;
|
|
}
|
|
|
|
/* Styling modules-[left/center/right] */
|
|
window#waybar > box > * {
|
|
padding: 5px;
|
|
background: alpha(@background, .78);
|
|
margin-bottom: 4px;
|
|
border-radius: 18px;
|
|
}
|
|
|
|
/* Style all widgets */
|
|
widget .module {
|
|
padding: 4px 10px;
|
|
font-weight: 500;
|
|
margin: 0 2px;
|
|
border-radius: 14px;
|
|
}
|
|
|
|
widget .module label {
|
|
font-size: .98em;
|
|
font-weight: 500;
|
|
}
|
|
|
|
widget .module:hover:not(#workspaces):not(#tray):not(#custom-media) {
|
|
background: @color1;
|
|
}
|
|
|
|
window#waybar > box > * > widget:first-child .module {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
window#waybar > box > * > widget:last-child .module {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
|
|
menu {
|
|
background: @background;
|
|
padding: 2px;
|
|
}
|
|
|
|
menu > separator {
|
|
padding: 0px;
|
|
margin: 2px 0;
|
|
}
|
|
|
|
menu > * {
|
|
border-radius: 2px;
|
|
margin: 0;
|
|
}
|
|
|
|
menu > *:first-child {
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
}
|
|
|
|
menu > *:last-child {
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
|
|
menu > *:hover {
|
|
background: @color1;
|
|
}
|
|
|
|
tooltip {
|
|
all: unset;
|
|
padding: 10px;
|
|
}
|
|
|
|
tooltip > box {
|
|
border-radius: 12px;
|
|
border: 1px solid @color1;
|
|
background: @background;
|
|
box-shadow: 0 0 6px 1px alpha(@background, .5);
|
|
}
|
|
|
|
tooltip > box > label {
|
|
font-weight: 600;
|
|
font-size: 1em;
|
|
}
|