Files
simple-hyprland/configs/waybar/style.css

175 lines
2.8 KiB
CSS

/* user created manually */
/* @import "mocha.css"; */
@define-color waybalttrans rgba(30, 30, 30, 0.3);
@define-color waybmain rgb(203, 166, 247);
@define-color waybfont rgb(166, 173, 200);
@define-color waybalt rgb(30, 30, 30);
@define-color waybalt2 rgb( 100, 100, 100);
* {
border: none;
border-radius: 0;
font-family: JetBrainsMono Nerd Font, monospace;
font-weight: bold;
font-size: 14px;
min-height: 0;
}
window#waybar {
background: @waybalttrans;
color: @waybfont;
border-radius: 10px;
}
#workspaces button {
padding: 5px;
color: @waybalt2;
margin-right: 5px;
}
#workspaces button.active {
color: @waybmain;
}
#workspaces button.focused {
color: @waybfont;
background: @waybalt;
border-radius: 10px;
}
#workspaces button.urgent {
color: @waybalt;
background: @waybfont;
border-radius: 10px;
}
#workspaces button:hover {
background: @waybmain;
color: @waybalt;
border-radius: 10px;
}
#window,
/* user modified manually */
#language,
#clock,
#battery,
#pulseaudio,
#network,
#cpu,
#memory,
#workspaces,
#tray,
#backlight {
background: @waybalt;
padding: 0px 10px;
margin: 3px 0px;
margin-top: 5px;
/* border: 1px solid #181825; */
}
/* user created manually */
#window,
#tray {
border: 2px solid @waybmain;
}
#language {
border: 2px solid @waybmain;
}
#clock {
border: 2px solid @waybmain;
}
#pulseaudio {
border: 2px solid @waybmain;
}
#pulseaudio.microphone {
border-right: 2px solid @waybmain;
}
#network {
border: 2px solid @waybmain;
border-right: none;
}
#cpu {
border: 2px solid @waybmain;
border-left: none;
}
#memory {
border: 2px solid @waybmain;
border-right: none;
}
#workspaces {
border: 2px solid @waybmain;
}
#language {
border-radius: 10px;
margin-left: 10px;
}
#backlight {
border-radius: 10px 0px 0px 10px;
}
#tray {
border-radius: 10px;
margin-right: 10px;
}
#workspaces {
background: @waybalt;
border-radius: 10px;
margin-left: 10px;
padding-right: 0px;
padding-left: 5px;
}
#cpu {
border-radius: 0px 10px 10px 0px;
margin-right: 10px;
}
#memory {
border-radius: 10px 0px 0px 10px;
}
#window {
border-radius: 10px;
margin-left: 60px;
margin-right: 60px;
}
#clock {
color: @waybfont;
border-radius: 10px 10px 10px 10px;
margin-left: 5px;
/* user modified manually */
/* border-right: 0px; */
}
#network {
color: @waybfont;
border-radius: 10px 0px 0px 10px;
}
#pulseaudio {
color: @waybfont;
border-left: 0px;
border-right: 0px;
}
#pulseaudio.microphone {
color: @waybfont;
border-radius: 0px 10px 10px 0px;
/* user modified manually */
/* border-left: 0px; */
/* border-right: 0px; */
margin-right: 5px;
}
#battery {
color:@waybfont;
border-radius: 0px 10px 10px 0px;
margin-right: 10px;
}