51 lines
884 B
CSS
51 lines
884 B
CSS
|
/*
|
||
|
|
* ~/.config/waybar/round.css
|
||
|
|
*
|
||
|
|
* This stylesheet has round modules and titles.
|
||
|
|
*/
|
||
|
|
|
||
|
|
window#waybar {
|
||
|
|
color: @white;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modules-left {
|
||
|
|
background-color: @transparent-black;
|
||
|
|
border-radius: 0 20px 20px 0;
|
||
|
|
/* Coloured modules must hit the border! */
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modules-center {
|
||
|
|
background-color: @transparent-black;
|
||
|
|
border-radius: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.keep .modules-center {
|
||
|
|
background-color: transparent;
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modules-right {
|
||
|
|
background-color: @transparent-black;
|
||
|
|
border-radius: 20px 0 0 20px;
|
||
|
|
padding-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#workspaces button {
|
||
|
|
border-radius: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#workspaces button:hover,
|
||
|
|
#workspaces button.focused {
|
||
|
|
background-color: @accent;
|
||
|
|
border-radius: 20px;
|
||
|
|
color: @white;
|
||
|
|
}
|
||
|
|
|
||
|
|
#custom-media {
|
||
|
|
border-radius: 0 20px 20px 0;
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
|