72 lines
970 B
CSS
72 lines
970 B
CSS
@import "./style-mocha.css";
|
|
|
|
|
|
* {
|
|
font-size: 18px;
|
|
font-family: 'Inter Nerd Font';
|
|
font-weight: normal;
|
|
border-radius: 0;
|
|
}
|
|
|
|
window#waybar {
|
|
background: @mantle;
|
|
color: @text;
|
|
}
|
|
|
|
#sway-mode {
|
|
background: @pink;
|
|
}
|
|
|
|
widget label {
|
|
padding: 0px 12px;
|
|
}
|
|
|
|
#workspaces label {
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
#workspaces button {
|
|
color: @text;
|
|
font-size: 20px;
|
|
font-style: italic;
|
|
}
|
|
#workspaces button.focused {
|
|
background: @lavender;
|
|
color: @base;
|
|
}
|
|
#workspaces button:hover {
|
|
box-shadow: inherit;
|
|
text-shadow: inherit;
|
|
}
|
|
#workspaces button:hover {
|
|
background: #888888;
|
|
}
|
|
|
|
#clock {
|
|
color: @base;
|
|
background: @sky;
|
|
}
|
|
|
|
#battery {
|
|
color: @base;
|
|
background: @green;
|
|
}
|
|
|
|
#battery.warning:not(.charging) {
|
|
color: @crust;
|
|
background: @maroon;
|
|
}
|
|
|
|
#battery.critical:not(.charging) {
|
|
animation: blink_effect 0.5s steps(2) infinite;
|
|
}
|
|
|
|
#custom-cmus {
|
|
color: @base;
|
|
background: @pink;
|
|
}
|
|
|
|
@keyframes blink_effect {
|
|
50% { color: @maroon; }
|
|
100% { color: @text; }
|
|
}
|