77 lines
1.2 KiB
CSS
77 lines
1.2 KiB
CSS
@define-color bg #282828;
|
|
@define-color fg #ebdbb2;
|
|
@define-color bg2 #373633;
|
|
@define-color fg2 #32302f;
|
|
|
|
* {
|
|
font-family: JetBrains Mono NF;
|
|
font-size: 14;
|
|
font-weight: 700;
|
|
}
|
|
|
|
window#waybar {
|
|
border-top: 2px solid @fg2;
|
|
}
|
|
|
|
#workspaces {
|
|
background-color: @bg;
|
|
border-radius: 10;
|
|
margin: 0px 10px;
|
|
}
|
|
|
|
#workspaces button {
|
|
background-color: @bg;
|
|
color: @fg;
|
|
padding: 0px 8px 0px 3px;
|
|
margin: 7px 0px;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
#workspaces button:hover,
|
|
#workspaces button.active {
|
|
color: @fg;
|
|
padding: 0px 8px 0px 3px;
|
|
margin: 8px 0px;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.modules-right {
|
|
padding: 2px 0px;
|
|
margin: 6px 0px;
|
|
}
|
|
|
|
#language {
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px 5px;
|
|
background-color: @bg2;
|
|
border-top: 2px solid @fg2;
|
|
border-bottom: 2px solid @fg2;
|
|
border-left: 2px solid @fg2;
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
|
|
#pulseaudio {
|
|
margin: 0px 5px 0px 0px;
|
|
padding: 0px 5px;
|
|
background-color: @bg2;
|
|
border-top: 2px solid @fg2;
|
|
border-bottom: 2px solid @fg2;
|
|
border-right: 2px solid @fg2;
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
|
|
|
|
#clock {
|
|
background: @fg;
|
|
color: @bg;
|
|
border-radius: 6px;
|
|
margin: 2px 10px 2px 5px;
|
|
padding: 0px 4px;
|
|
}
|
|
|
|
#user {
|
|
margin: 0px 5px;
|
|
}
|