123 lines
2.0 KiB
CSS
123 lines
2.0 KiB
CSS
@define-color bar-bg #1F1F28;
|
|
@define-color bar-border-color #2d2d39;
|
|
@define-color bar-fg #D6DEEB;
|
|
@define-color bar-fg-l #010F1D;
|
|
@define-color bar-fg-muted #8BADC1;
|
|
@define-color module-bg #282A36;
|
|
@define-color module-bg-muted #637777;
|
|
@define-color ws-bg-active #65564F;
|
|
@define-color ws-bg-persistent #282A36;
|
|
@define-color bluetooth-bg #4B1B9F;
|
|
@define-color custom-red #DC2E29;
|
|
@define-color custom-yellow #FFEB95;
|
|
@define-color custom-green #E5C283;
|
|
|
|
* {
|
|
font-family: Symbols Nerd Font, SF Pro Display, sans-serif;
|
|
font-weight: 700;
|
|
font-size: 11px;
|
|
}
|
|
|
|
window#waybar {
|
|
background: @bar-bg;
|
|
color: @bar-fg;
|
|
border: 2px solid @bar-border-color;
|
|
}
|
|
|
|
button {
|
|
border-radius: 0;
|
|
}
|
|
|
|
#window {
|
|
margin: 4px 0 4px 6px;
|
|
}
|
|
|
|
#workspaces {
|
|
margin: 5px 0 5px 100px;
|
|
}
|
|
|
|
#workspaces button {
|
|
background-color: @module-bg;
|
|
min-width: 10px;
|
|
min-height: inherit;
|
|
padding: 0;
|
|
margin: 0 1px 0 1px;
|
|
transition: background-color 100ms, min-width 100ms;
|
|
}
|
|
|
|
#workspaces button.persistent {
|
|
background-color: @ws-bg-persistent;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
background-color: @ws-bg-active;
|
|
min-width: 40px;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
min-width: 40px;
|
|
background-color: @custom-red;
|
|
}
|
|
|
|
#clock,
|
|
#memory,
|
|
#custom-power,
|
|
#backlight,
|
|
#pulseaudio,
|
|
#bluetooth,
|
|
#network,
|
|
#tray {
|
|
background-color: @module-bg;
|
|
padding: 0 10px;
|
|
margin: 5px 0 5px 4px;
|
|
}
|
|
|
|
#battery {
|
|
background-color: @module-bg;
|
|
padding: 2px 10px;
|
|
margin: 5px 0 5px 3px;
|
|
}
|
|
|
|
#battery.warning {
|
|
background-color: @custom-yellow;
|
|
color: @bar-fg-l;
|
|
}
|
|
|
|
#battery.critical {
|
|
background-color: @custom-red;
|
|
}
|
|
|
|
#clock {
|
|
background-color: @custom-green;
|
|
color: @bar-fg-l;
|
|
}
|
|
|
|
#pulseaudio.muted {
|
|
color: @module-bg-muted;
|
|
}
|
|
|
|
#bluetooth.on {
|
|
background-color: @bluetooth-bg;
|
|
}
|
|
|
|
#bluetooth.disabled,
|
|
#bluetooth.off {
|
|
color: @module-bg-muted;
|
|
}
|
|
|
|
#network.disconnected,
|
|
#network.disabled {
|
|
background-color: @module-bg-muted;
|
|
color: @bar-fg;
|
|
}
|
|
|
|
#custom-power {
|
|
font-size: 18px;
|
|
background-color: @module-bg;
|
|
color: #EF5350;
|
|
padding: 0 10px;
|
|
margin: 5px 6px 5px 4px;
|
|
}
|
|
|
|
|