77 lines
1.3 KiB
CSS
77 lines
1.3 KiB
CSS
@define-color background-color #11111b;
|
|
@define-color foreground-color #cdd6f4;
|
|
|
|
* {
|
|
border: none;
|
|
border-radius: 0;
|
|
font-family: "Iosevka Nerd Font", sans-serif;
|
|
font-size: 14px;
|
|
min-height: 0;
|
|
}
|
|
|
|
#waybar {
|
|
background-color: transparent;
|
|
color: @foreground-color;
|
|
}
|
|
|
|
#tray,
|
|
#network,
|
|
#pulseaudio,
|
|
#clock,
|
|
#battery,
|
|
#mpris,
|
|
#custom-update,
|
|
#custom-power,
|
|
#window {
|
|
padding: 0 12px;
|
|
background: @background-color;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
window#waybar.empty #window {
|
|
padding: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
#workspaces button:first-child {
|
|
border-top-left-radius: 6px;
|
|
border-bottom-left-radius: 6px;
|
|
}
|
|
|
|
#workspaces button:last-child {
|
|
border-top-right-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
|
|
button {
|
|
background-image: none;
|
|
background-color: @background-color;
|
|
color: @foreground-color;
|
|
padding-left: 10px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
button,
|
|
button:active,
|
|
button:hover {
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
background-image: none;
|
|
font-weight: normal;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-effect: none;
|
|
transition: background-color 0.1s;
|
|
}
|
|
|
|
button:active,
|
|
button:hover {
|
|
background-color: @foreground-color;
|
|
color: @background-color;
|
|
}
|
|
|
|
button.focused.current_output {
|
|
background-color: @foreground-color;
|
|
color: @background-color;
|
|
}
|