Adds hidden waybar that shows up when pressing SUPER
This commit is contained in:
parent
9ad2e5d608
commit
694430f24b
10 changed files with 195 additions and 270 deletions
109
.config/waybar/scss/_modules.scss
Normal file
109
.config/waybar/scss/_modules.scss
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
.module
|
||||
{
|
||||
color: $foreground;
|
||||
padding: 3px 6px 3px 6px;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue