50 lines
855 B
CSS
50 lines
855 B
CSS
@import "./colors.css";
|
|
|
|
window#waybar {
|
|
background: transparent;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
#custom-volume-up,
|
|
#custom-volume-bar,
|
|
#custom-volume-down,
|
|
#custom-volume-icon {
|
|
background-color: @surface_container;
|
|
color: @primary;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#custom-volume-up,
|
|
#custom-volume-bar,
|
|
#custom-volume-down {
|
|
margin: 0;
|
|
border-color: @primary;
|
|
border-style: solid;
|
|
}
|
|
|
|
#custom-volume-up {
|
|
padding: 4px 6px;
|
|
border-width: 2px 2px 0 2px;
|
|
border-radius: 10px 10px 0 0;
|
|
}
|
|
|
|
#custom-volume-bar {
|
|
padding: 0 2px;
|
|
border-width: 0 2px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#custom-volume-down {
|
|
padding: 4px 6px;
|
|
border-width: 0 2px 2px 2px;
|
|
border-radius: 0 0 10px 10px;
|
|
}
|
|
|
|
#custom-volume-icon {
|
|
padding: 4px 6px;
|
|
border: 2px solid @primary;
|
|
border-radius: 10px;
|
|
margin-top: 6px;
|
|
}
|