92 lines
1.5 KiB
CSS
92 lines
1.5 KiB
CSS
@import "mocha.css";
|
|
|
|
* {
|
|
font-family: Cantarell, "Font Awesome 6 Free", SymbolsNerdFont;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
min-height: 0px;
|
|
}
|
|
|
|
window#waybar {
|
|
background-color: @base;
|
|
/* background: @base; */
|
|
transition-property: background-color;
|
|
transition-duration: .5s;
|
|
border-radius: 14px 14px 0px 0px;
|
|
}
|
|
|
|
#workspaces {
|
|
background-color: @mantle;
|
|
margin: 4px 5px 4px 5px;
|
|
padding: 3px;
|
|
border-radius: 14px;
|
|
}
|
|
#workspaces button,
|
|
#workspaces button:hover,
|
|
#workspaces button.active {
|
|
padding: 0px 4px;
|
|
margin: 2px;
|
|
border-radius: 10px;
|
|
}
|
|
#workspaces button {
|
|
background-color: @mantle;
|
|
color: @text;
|
|
}
|
|
#workspaces button:hover {
|
|
background-color: @lavender;
|
|
color: @base;
|
|
}
|
|
#workspaces button.active {
|
|
background-color: @blue;
|
|
color: @base
|
|
}
|
|
#workspaces button.active:hover {
|
|
background-color: @blue;
|
|
color: @base;
|
|
}
|
|
|
|
#custom-power, #custom-runner, #battery,
|
|
#backlight, #wireplumber, #wireplumber.muted,
|
|
#tray, #language, #clock {
|
|
background: @mantle;
|
|
border-radius: 14px;
|
|
color: @text;
|
|
margin: 4px 2.5px 4px 2.5px;
|
|
}
|
|
|
|
#custom-power {
|
|
margin: 4px 2.5px 4px 2.5px;
|
|
padding: 0px 9px;
|
|
}
|
|
|
|
#custom-runner {
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
#battery {
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
#tray {
|
|
margin: 4px 2.5px 4px 5px;
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
#backlight, #wireplumber, #wireplumber.muted {
|
|
padding: 0px 10px;
|
|
min-width: 55px;
|
|
}
|
|
#wireplumber.muted {
|
|
color: @error;
|
|
}
|
|
|
|
#language {
|
|
padding: 0px 9px 0px 8px;
|
|
}
|
|
|
|
#clock {
|
|
padding: 0px 10px;
|
|
margin: 4px 5px 4px 2.5px;
|
|
font-size: 15px;
|
|
}
|