142 lines
2.4 KiB
CSS
142 lines
2.4 KiB
CSS
@import "macchiato.css";
|
|
* {
|
|
all: unset;
|
|
/* font-family: FantasqueSansMono Nerd Font; */
|
|
font-family: Hack Nerd Font Mono Propo;
|
|
font-size: 17px;
|
|
min-height: 0;
|
|
}
|
|
|
|
#waybar {
|
|
background: transparent;
|
|
color: @text;
|
|
margin: 5px 5px;
|
|
}
|
|
|
|
#workspaces {
|
|
border-radius: 1rem 0px 0px 1rem;
|
|
margin: 5px;
|
|
margin-right: 0px;
|
|
background-color: @surface0;
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
#workspaces button {
|
|
font-family: Hack Nerd Mono Font;
|
|
font-weight: 500;
|
|
/* color: @lavender; */
|
|
background-color: transparent;
|
|
border-radius: 1rem;
|
|
margin: 0.5rem;
|
|
padding: 0.2rem;
|
|
padding-left: 0rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
#workspaces button#hyprland-workspace-1 {
|
|
background-color: #f38ba8; /* Catppuccin Red */
|
|
border-bottom: 3px solid #f38ba8;
|
|
}
|
|
|
|
#workspaces button.2 {
|
|
background-color: #fab387; /* Catppuccin Peach */
|
|
border-bottom: 3px solid #fab387;
|
|
}
|
|
|
|
#workspaces button.3 {
|
|
background-color: #f9e2af; /* Catppuccin Yellow */
|
|
border-bottom: 3px solid #f9e2af;
|
|
}
|
|
|
|
#workspaces button.4 {
|
|
background-color: #a6e3a1; /* Catppuccin Green */
|
|
border-bottom: 3px solid #a6e3a1;
|
|
}
|
|
|
|
|
|
#workspaces button.active {
|
|
background-color: @teal;
|
|
font-family: Hack Nerd Mono Font;
|
|
color: @surface0;
|
|
border-radius: 1rem;
|
|
margin: 0.5rem;
|
|
padding: 0rem;
|
|
padding-right: 0.5rem;
|
|
transition: width 0.5s, height 0.5s, background-color 0.5s;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
color: @sapphire;
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
#custom-music,
|
|
#tray,
|
|
#backlight,
|
|
#clock,
|
|
#pulseaudio,
|
|
#custom-lock,
|
|
#custom-power {
|
|
background-color: @surface0;
|
|
padding: 0.5rem 1rem;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
#clock {
|
|
color: @blue;
|
|
/* border-radius: 0px 1rem 1rem 0px; */
|
|
border-radius: 1rem;
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
#battery {
|
|
background-color: @surface0;
|
|
margin: 5px 0;
|
|
margin-right: 1rem;
|
|
padding: 0.5rem 1rem;
|
|
color: @green;
|
|
border-radius: 0px 1rem 1rem 0px;
|
|
}
|
|
|
|
#battery.charging {
|
|
color: @green;
|
|
}
|
|
|
|
#battery.warning:not(.charging) {
|
|
color: @red;
|
|
}
|
|
|
|
#backlight {
|
|
color: @yellow;
|
|
}
|
|
|
|
#backlight {
|
|
border-radius: 0;
|
|
}
|
|
|
|
#pulseaudio {
|
|
color: @maroon;
|
|
border-radius: 1rem 0px 0px 1rem;
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
#custom-music {
|
|
color: @mauve;
|
|
border-radius: 0px 1rem 1rem 0px;
|
|
}
|
|
|
|
#custom-lock {
|
|
border-radius: 1rem 0px 0px 1rem;
|
|
color: @lavender;
|
|
}
|
|
|
|
#custom-power {
|
|
margin-right: 1rem;
|
|
border-radius: 0px 1rem 1rem 0px;
|
|
color: @red;
|
|
}
|
|
|
|
#tray {
|
|
margin-right: 1rem;
|
|
border-radius: 1rem;
|
|
}
|