108 lines
1.9 KiB
CSS
108 lines
1.9 KiB
CSS
/* Waybar Style */
|
|
/* https://github.com/Alexays/Waybar */
|
|
/* Marvin Elsen <contact@marvinelsen.com */
|
|
|
|
/* See https://github.com/Alexays/Waybar/wiki/Styling */
|
|
@import "colors.css";
|
|
|
|
* {
|
|
font-family: "Inter SemiBold", "FantasqueSansM Nerd Font";
|
|
font-size: 1rem;
|
|
}
|
|
|
|
window#waybar {
|
|
background: transparent;
|
|
}
|
|
|
|
#waybar .module {
|
|
margin-top: 8px;
|
|
|
|
margin-left: 4px;
|
|
margin-right: 4px;
|
|
|
|
padding-left: 16px;
|
|
padding-right: 16px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
|
|
border-radius: 24px;
|
|
|
|
background: linear-gradient(0deg, @base 0%, @base-gradient 100%);
|
|
color: @text;
|
|
}
|
|
|
|
#waybar .modules-left > *:first-child > * {
|
|
margin-left: 16px;
|
|
}
|
|
|
|
#waybar .modules-right > *:last-child > * {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
#workspaces {
|
|
|
|
}
|
|
|
|
#workspaces button {
|
|
border-radius: 16px;
|
|
color: @text;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
#workspaces button.empty {
|
|
color: @text-dark;
|
|
}
|
|
|
|
#workspaces button.visible {
|
|
|
|
}
|
|
|
|
#workspaces button.active {
|
|
color: @green;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
color: @red;
|
|
}
|
|
|
|
#bluetooth.on,
|
|
#bluetooth.connected {
|
|
background: linear-gradient(0deg, @blue 0%, @blue-gradient 100%);
|
|
}
|
|
|
|
|
|
#bluetooth.off,
|
|
#bluetooth.disabled,
|
|
#bluetooth.no-controller {
|
|
background: linear-gradient(0deg, @red 0%, @red-gradient 100%);
|
|
}
|
|
|
|
#network.ethernet,
|
|
#network.wifi{
|
|
background: linear-gradient(0deg, @green 0%, @green-gradient 100%);
|
|
}
|
|
|
|
#network.disconnected,
|
|
#network.disabled {
|
|
padding-left: 16px;
|
|
padding-right: 22px;
|
|
|
|
background: linear-gradient(0deg, @red 0%, @red-gradient 100%);
|
|
}
|
|
|
|
#pulseaudio.input {
|
|
background: linear-gradient(0deg, @purple 0%, @purple-gradient 100%);
|
|
}
|
|
|
|
#pulseaudio.input.source-muted {
|
|
background: linear-gradient(0deg, @red 0%, @red-gradient 100%);
|
|
}
|
|
|
|
#pulseaudio.output {
|
|
background: linear-gradient(0deg, @purple 0%, @purple-gradient 100%);
|
|
}
|
|
|
|
#pulseaudio.output.muted {
|
|
background: linear-gradient(0deg, @red 0%, @red-gradient 100%);
|
|
}
|