75 lines
1.2 KiB
CSS
75 lines
1.2 KiB
CSS
@import "./colors/custom/gruvbox-dark.css";
|
|
|
|
* {
|
|
all: unset;
|
|
font-family:
|
|
"Rubik", "JetBrainsMono Nerd Font Propo", "Noto Sans CJK JP",
|
|
"Noto Sans CJK KR";
|
|
}
|
|
|
|
tooltip {
|
|
background-color: @bg1;
|
|
color: @fg;
|
|
margin: 10px;
|
|
padding: 10px;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.modules-center {
|
|
background-color: @bg1;
|
|
color: @fg;
|
|
padding: 4px 18px;
|
|
border-radius: 99px;
|
|
}
|
|
|
|
#clock {
|
|
font-weight: 500;
|
|
}
|
|
|
|
#workspaces {
|
|
min-width: 100px;
|
|
background-color: @bg2;
|
|
font-size: 0.95rem;
|
|
padding: 2px 3px;
|
|
margin: 3px 0;
|
|
border-radius: 99px;
|
|
}
|
|
|
|
#workspaces button {
|
|
background-color: @bg3;
|
|
padding: 0 5px;
|
|
border-radius: 99px;
|
|
margin: 0 2px;
|
|
transition: all 300ms ease-in-out;
|
|
min-width: 10px;
|
|
}
|
|
|
|
#workspaces button.empty {
|
|
color: @grey0;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
background-color: @green;
|
|
min-width: 1.5rem;
|
|
font-weight: 500;
|
|
transition: all 300ms ease-in-out;
|
|
}
|
|
|
|
#battery {
|
|
background-color: @green;
|
|
margin: 6px 0;
|
|
padding: 0 8px;
|
|
border-radius: 99px;
|
|
font-weight: 500;
|
|
color: @bg1;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
#battery.warning {
|
|
background-color: @yellow;
|
|
}
|
|
|
|
#battery.critical {
|
|
background-color: @red;
|
|
}
|