dotfiles/pkgs/waybar/style.css
2024-06-08 00:27:59 +03:00

162 lines
2.3 KiB
CSS

* {
border: none;
border-radius: 0;
font-family: "IosevkaDiosevka";
font-weight: bold;
font-size: 16px;
min-height: 0;
}
#language {
font-size: 20px;
font-family: "Twemoji";
}
window#waybar {
background: rgba(21, 18, 27, 0);
color: #f6f7fc;
}
tooltip {
font-family: "Iosevka\ Fixed\ Heavy\ Extended";
background: #000000;
opacity: 1;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
}
tooltip label{
color: #cdd6f4;
}
#workspaces button {
padding: 5px;
color: #f6f7fc;
margin-right: 5px;
}
#workspaces button.active {
color: #000000;
background: #a6e3a1;
border-radius: 10px;
}
#workspaces button:hover {
background: #11111b;
color: #cdd6f4;
border-radius: 10px;
}
#custom-launch_wofi,
#custom-launch_firefox,
#custom-launch_thunderbird,
#custom-launch_thunar,
#custom-launch_kitty,
#custom-lock_screen,
#custom-light_dark,
#custom-power_btn,
#custom-power_profile,
#custom-weather,
#custom-myhyprv,
#window,
#cpu,
#disk,
#custom-updates,
#memory,
#clock,
#battery,
#pulseaudio,
#network,
#tray,
#temperature,
#workspaces,
#idle_inhibitor,
#backlight {
background: rgba(21, 18, 27, 0);
opacity: 1;
padding: 0px 8px;
margin: 0px 3px;
border: 0px;
}
#temperature.critical {
color: #e92d4d;
}
#workspaces {
padding-right: 0px;
padding-left: 5px;
}
#window {
border-radius: 10px;
margin-left: 0px;
margin-right: 0px;
}
#custom-launch_firefox,
#custom-launch_thunderbird,
#custom-launch_thunar,
#custom-launch_wofi,
#custom-launch_kitty,
#custom-weather {
margin-left: 0px;
border-right: 0px;
font-size: 24px;
margin-right: 20px;
}
#custom-launch_firefox,
#custom-launch_kitty {
font-size: 20px;
}
#battery {
color: #FFFFFF;
}
#battery.charging {
color: #7bc275;
}
#battery.warning:not(.charging) {
color: #FCCE7B;
}
#battery.critical:not(.charging) {
color: #f44336;
}
#cpu {
color: #FFFFFF;
}
#cpu.crit {
color: #70140d
}
#cpu.high {
color: #f44336
}
#cpu.med {
color: #FCCE7B;
}
#cpu.low {
color: #99d8ff;
}
#custom-bluetoothcharge {
color: #757de8;
}
#clock {
font-size: 17px;
margin-left: 0px;
border-right: 0px;
margin-right: 0px;
}