config/waybar/syle.css

42 lines
896 B
CSS

* {
border: none;
border-radius: 0;
/* Using Light variant for the thin Gothic look */
font-family: "JetBrains Mono Light", "Roboto Mono Light", monospace;
font-weight: 300;
letter-spacing: 1.5px; /* Adds the "Minimalist" airy feel */
text-transform: uppercase;
}
window#waybar {
background-color: #000000;
color: #ffffff;
font-size: 10px; /* Slightly smaller for elegance */
}
#workspaces button {
padding: 0 10px;
color: #ffffff;
/* Gothic Roman Numerals look better when thin */
font-weight: 300;
}
#workspaces button.focused {
background-color: #ffffff;
color: #000000;
}
#workspaces button.urgent {
background-color: #000000;
color: #ff0000;
border: 1px solid #ff0000;
}
#clock, #pulseaudio, #network {
padding: 0 12px;
}
/* Subtle separator effect */
#pulseaudio {
border-left: 1px solid #333333;
}