120 lines
1.7 KiB
Plaintext
120 lines
1.7 KiB
Plaintext
@import "frappe.css";
|
|
@import "/home/zaske/.cache/wal/colors-waybar.css";
|
|
@define-color bg @background;
|
|
@define-color fg @foreground;
|
|
@define-color textcolor @cursor;
|
|
* {
|
|
|
|
font-family: "Noto Sans Nerd Font Propo", "Symbols Nerd Font", sans-serif;
|
|
font-size: 16px;
|
|
padding: 0px 5px;
|
|
|
|
}
|
|
#waybar {
|
|
background: transparent;
|
|
color: @bg;
|
|
margin: 0px 0px;
|
|
}
|
|
|
|
#workspaces {
|
|
border-radius: 1rem;
|
|
margin: 2px;
|
|
background-color: @bg;
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
#workspaces button {
|
|
color: @color9;
|
|
border-radius: 1rem;
|
|
padding: 0.4rem;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
color: @color5;
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
color: @color4;
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
#custom-music,
|
|
#tray,
|
|
#backlight,
|
|
#network,
|
|
#cpu,
|
|
#temperature,
|
|
#memory,
|
|
#clock,
|
|
#battery,
|
|
#pulseaudio,
|
|
#custom-lock,
|
|
#custom-power,
|
|
#custom-tailscale,
|
|
#custom-wp_switch{
|
|
background-color: @bg;
|
|
color: @color5;
|
|
padding: 0.4rem 1rem;
|
|
margin: 2px;
|
|
}
|
|
|
|
#clock {
|
|
color: @color5;
|
|
border-radius: 0px 1rem 1rem 0px;
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
#battery {
|
|
color: @color5;
|
|
}
|
|
|
|
#battery.charging {
|
|
color: @color5;
|
|
}
|
|
|
|
#battery.warning:not(.charging) {
|
|
color: @color5;
|
|
}
|
|
|
|
#backlight {
|
|
color: @color5;
|
|
}
|
|
|
|
#backlight, #battery {
|
|
border-radius: 0;
|
|
}
|
|
|
|
#pulseaudio {
|
|
color: @color5;
|
|
border-radius: 1rem 0px 0px 1rem;
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
#custom-music {
|
|
color: @color5;
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
#custom-lock {
|
|
border-radius: 1rem 0px 0px 1rem;
|
|
color: @lavender;
|
|
}
|
|
|
|
#custom-power {
|
|
margin-right: 1rem;
|
|
border-radius: 0px 1rem 1rem 0px;
|
|
color: @red;
|
|
}
|
|
#custom-tailscale{
|
|
border-radius: 0rem 0px 0rem 0px;
|
|
color: @color5;
|
|
}
|
|
#custom-wp_switch{
|
|
border-radius: 0rem 0px 0rem 0px;
|
|
color: @color5;
|
|
}
|
|
#tray {
|
|
border-radius: 1rem 0px 0px 1rem;
|
|
}
|