dotfiles/.config/waybar/style.css

84 lines
1.0 KiB
CSS

@import "mocha.css";
* {
min-height: 0;
min-width: 0;
font-family: "FiraCode Nerd Font Propo";
font-size: 16px;
font-weight: 600;
}
#waybar {
background: transparent;
color: @text;
}
tooltip {
background-color: @surface0;
box-shadow: 0 0 10px @surface1;
}
#workspaces {
margin-left: 0.5rem;
}
#workspaces button {
padding: 0.1rem 0.6rem;
margin: 0.4rem 0.25rem 0rem 0.25rem;
border-radius: 4px;
color: @white;
background-color: @surface0;
}
#workspaces button.active {
background-color: @sky;
}
#workspaces button:hover {
color: @sky;
}
#mpris,
#tray,
#cpu,
#custom-gpu,
#custom-gpu-temp,
#memory,
#pulseaudio,
#custom-notification,
#clock,
#mpris,
#language,
#tray {
padding: 0.1rem 0.6rem;
margin: 0.4rem 0.25rem 0rem 0.25rem;
border-radius: 4px;
border: 2px solid @surface1;
background-color: @surface0;
}
#clock {
color: @rosewater;
}
#clock.simpleclock {
margin-right: 0.8rem;
}
#memory {
color: @green;
}
#custom-gpu {
color: @yellow;
}
#cpu {
color: @blue;
}
#pulseaudio,
#mpris {
color: @teal;
}