nix-dotfiles/modules/desktop/themes/catppuccin/waybar.css
2024-07-26 01:32:34 -07:00

157 lines
No EOL
2.4 KiB
CSS

* {
border: none;
border-radius: 0px;
min-height: 0;
}
button, button:hover {
box-shadow: none; /* undo default styles */
}
window#waybar {
color: @text;
/*background: alpha(@base, 0.6);*/
background: @base;
border-radius: 1em;
/*font-family: VictorMono, Iosevka Nerd Font, Noto Sans CJK;*/
/*font-family: 'Atkinson Hyperlegible', FontAwesome, Noto Sans CJK;*/
font-family: CozetteVector, monospace, FontAwesome, Noto Sans CJK;
font-size: 13px;
font-style: normal;
}
#workspaces, .modules-right box {
background-color: @surface0;
margin: 0 0.25em;
padding: 0.15em 0.25em;
border-radius: 1em;
}
.modules-right label.module {
margin: 0 0.5em;
}
.modules-right box {
padding: 0.15em 0.4em;
}
.modules-left, .modules-right {
margin: 0.4em 0.5em;
}
#workspaces {
background-color: @surface0;
padding: 0;
}
#workspaces button {
background-color: transparent;
color: @text;
padding: 0 0.4em;
transition: none;
}
#workspaces button:nth-child(1) {
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
}
#workspaces button:nth-last-child(1) {
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
}
#workspaces button.empty {
color: @overlay0;
}
#workspaces button.visible {
background: @surface1;
}
#workspaces button.focused {
box-shadow: none;
}
#workspaces button.active {
background: @accent;
color: @surface0;
}
#workspaces button:hover {
background: rgba(255, 255, 255, 0.1);
color: @text;
box-shadow: none;
}
#workspaces button.active:hover {
background: @accent;
color: @surface0;
}
#workspaces button.urgent {
background: @red;
color: @surface0;
}
#window {
background: transparent;
}
window#waybar.floating #window {
color: @pink;
}
#clock {
color: @lavender;
}
#power-profiles-daemon {
color: @teal;
}
#battery {
color: @green;
}
#battery.charging {
color: @green;
}
#battery.warning:not(.charging) {
color: @peach;
}
#battery.critical:not(.charging) {
color: @maroon;
}
#network {
color: @sapphire;
}
#backlight {
color: @yellow;
}
#pulseaudio {
color: @pink;
}
#custom-power {
color: @red;
}
#privacy {
margin: 0 0.25em;
padding: 0;
}
#privacy-item {
padding: 0 1px;
color: @text;
}
tooltip {
background: @base;
border: 1px solid @surface2;
}
tooltip * {
padding: 0px;
margin: 0px;
color: @text;
font-family: CozetteVector, monospace;
}