123 lines
2 KiB
SCSS
123 lines
2 KiB
SCSS
.module
|
|
{
|
|
color: $foreground;
|
|
padding: 0.2rem 1rem;
|
|
}
|
|
|
|
#battery.warning,
|
|
#disk.warning,
|
|
#memory.warning,
|
|
#cpu.warning {
|
|
border-top: 3px solid $background;
|
|
border-bottom: 3px solid $yellow;
|
|
}
|
|
|
|
@keyframes blink {
|
|
to {
|
|
color: $background;
|
|
}
|
|
}
|
|
|
|
#battery.critical:not(.charging) {
|
|
background-color: $red;
|
|
color: white;
|
|
animation-name: blink;
|
|
animation-duration: 3.0s;
|
|
animation-timing-function: steps(12);
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
box-shadow: inset 0 -3px transparent;
|
|
}
|
|
|
|
/*-----Indicators----*/
|
|
#custom-hypridle.notactive,
|
|
#idle_inhibitor.activated {
|
|
color: #39FF14;
|
|
}
|
|
|
|
#battery.critical,
|
|
#disk.critical,
|
|
#memory.critical,
|
|
#cpu.critical {
|
|
border-top: 3px solid $background;
|
|
border-bottom: 3px solid $red;
|
|
}
|
|
|
|
#temperature.critical {
|
|
background-color: $red;
|
|
}
|
|
|
|
#battery.charging {
|
|
border-top: 3px solid $background;
|
|
border-bottom: 3px solid $green;
|
|
}
|
|
|
|
#pulseaudio-slider slider {
|
|
min-width: 0px;
|
|
min-height: 0px;
|
|
opacity: 0;
|
|
background-image: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#pulseaudio-slider trough {
|
|
min-width: 80px;
|
|
min-height: 5px;
|
|
border-radius: 5px;
|
|
background-color: $dim;
|
|
}
|
|
|
|
#pulseaudio-slider highlight {
|
|
min-height: 10px;
|
|
border-radius: 5px;
|
|
background-color: $orange;
|
|
}
|
|
|
|
#backlight-slider slider {
|
|
min-width: 0px;
|
|
min-height: 0px;
|
|
opacity: 0;
|
|
background-image: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#backlight-slider trough {
|
|
min-width: 80px;
|
|
min-height: 10px;
|
|
border-radius: 5px;
|
|
background-color: $cursor;
|
|
}
|
|
|
|
#backlight-slider highlight {
|
|
min-width: 10px;
|
|
border-radius: 5px;
|
|
background-color: $orange;
|
|
}
|
|
|
|
#custom-swaync {
|
|
min-width: 10px;
|
|
border-right: 1px solid $cursor;
|
|
}
|
|
#custom-swaync:hover {
|
|
background-color: $green;
|
|
}
|
|
|
|
#custom-updates.pending-updates {
|
|
background-color: dodgerblue;
|
|
}
|
|
|
|
#custom-hoz-separator {
|
|
font-size: 0px;
|
|
border-radius: 0;
|
|
border-bottom: 1px solid $foreground
|
|
}
|
|
|
|
|
|
#custom-hoz-separator-dotted {
|
|
padding: 0 3px;
|
|
font-size: 0px;
|
|
border-radius: 0;
|
|
border-bottom: 1px dashed $foreground
|
|
}
|