123 lines
2.0 KiB
CSS
123 lines
2.0 KiB
CSS
@define-color bar-bg #000000;
|
|
@define-color bar-fg #D6DEEB;
|
|
@define-color bar-fg-l #010F1D;
|
|
@define-color bar-fg-muted #8BADC1;
|
|
@define-color module-bg #1E1E1E;
|
|
@define-color module-bg-muted #637777;
|
|
@define-color ws-bg-active #ffffff;
|
|
@define-color ws-bg-persistent #1e1e1e;
|
|
@define-color bluetooth-bg #4B1B9F;
|
|
@define-color custom-red #DC2E29;
|
|
@define-color custom-yellow #FFEB95;
|
|
@define-color custom-green #ADDB67;
|
|
|
|
|
|
* {
|
|
font-family: Symbols Nerd Font, SF Pro Display, sans-serif;
|
|
font-weight: 700;
|
|
font-size: 11px;
|
|
}
|
|
|
|
window#waybar {
|
|
background: transparent;
|
|
color: @bar-fg;
|
|
padding: 3px;
|
|
/* border-bottom: 2px solid #0E293F; */
|
|
}
|
|
|
|
button {
|
|
border-radius: 0;
|
|
}
|
|
|
|
#window {
|
|
margin: 2px 0 4px 2px;
|
|
}
|
|
|
|
#workspaces {
|
|
margin: 2px 0 4px 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,
|
|
#custom-pomodoro,
|
|
#memory,
|
|
#custom-power,
|
|
#backlight,
|
|
#pulseaudio,
|
|
#bluetooth,
|
|
#network,
|
|
#tray {
|
|
background-color: @module-bg;
|
|
padding: 0 10px;
|
|
margin: 2px 0 4px 2px;
|
|
}
|
|
|
|
#battery {
|
|
background-color: @module-bg;
|
|
padding: 2px 10px;
|
|
margin: 2px 0 4px 1px;
|
|
}
|
|
|
|
#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: 2px 2px 4px 2px;
|
|
}
|