waybar/style.css

74 lines
1.3 KiB
CSS

* {
font-family: monospace;
font-size: 11px;
border: none;
border-radius: 0;
padding: 0;
margin: 0;
border: none;
min-height: 0;
color: #ffffff;
}
button:hover {
box-shadow: none; /* Remove predefined box-shadow */
text-shadow: none; /* Remove predefined text-shadow */
background: none; /* Remove predefined background color (white) */
transition: none; /* Disable predefined animations */
}
window#waybar {
background-color: rgba(0, 0, 0, 0.5);
}
.module {
padding: 0.2em 1em;
}
.module#tags {
padding: 0;
}
#tags {
margin: 0 0;
}
#tags button {
background-color: transparent;
padding: 0 1em;
}
#tags button:hover {
box-shadow: inset 0 -2px #ffffff;
}
#tags button.occupied {
background-color: rgba(255, 255, 255, 0.2);
}
#tags button.focused {
box-shadow: inset 0 -1px #ffffff;
}
#tags button.urgent {
background-color: rgba(128, 0, 0, 0.5);
}
#mode {
background-color: rgba(255, 0, 0, 0.5);
box-shadow: inset 0 -2px #ffffff;
}
#load {
background-color: rgba(96, 96, 255, 0.5);
}
#memory {
background-color: rgba(255, 128, 32, 0.5);
}
#mpris {
background-color: rgba(169, 47, 233, 0.5);
}
#battery {
background-color: rgba(16, 128, 16, 0.5);
}
#battery.warning {
background-color: rgba(128, 128, 16, 0.5);
}
#battery.critical {
background-color: rgba(16, 128, 16, 0.5);
}