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
|
|
@ -7,6 +7,7 @@ $yellow: $color4;
|
|||
|
||||
$dim: rgba($background, 0.75);
|
||||
|
||||
|
||||
* {
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
|
|
@ -18,12 +19,19 @@ $dim: rgba($background, 0.75);
|
|||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
window {
|
||||
background: $background-semitransparent;
|
||||
color: $foreground;
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
|
||||
window.semi-hidden {
|
||||
background-color: transparent;
|
||||
|
||||
.modules-left, .modules-center, .modules-right {
|
||||
background-color: $background;
|
||||
}
|
||||
}
|
||||
|
||||
#taskbar button,
|
||||
|
|
@ -45,165 +53,4 @@ window#waybar {
|
|||
border-bottom: 1px solid $red;
|
||||
}
|
||||
|
||||
#backlight,
|
||||
#backlight-slider,
|
||||
#battery,
|
||||
#bluetooth,
|
||||
#clock,
|
||||
#cpu,
|
||||
#disk,
|
||||
#idle_inhibitor,
|
||||
#keyboard-state,
|
||||
#memory,
|
||||
#mode,
|
||||
#mpris,
|
||||
#network,
|
||||
#power-profiles-daemon,
|
||||
#pulseaudio,
|
||||
#pulseaudio-slider,
|
||||
#taskbar button,
|
||||
#taskbar,
|
||||
#temperature,
|
||||
#tray,
|
||||
#window,
|
||||
#wireplumber,
|
||||
#workspaces, #custom-backlight,
|
||||
#custom-browser,
|
||||
#custom-cava_mviz,
|
||||
#custom-cycle_wall,
|
||||
#custom-file_manager,
|
||||
#custom-keybinds,
|
||||
#custom-keyboard,
|
||||
#custom-light_dark,
|
||||
#custom-lock,
|
||||
#custom-hint,
|
||||
#custom-hypridle,
|
||||
#custom-menu,
|
||||
#custom-power_vertical,
|
||||
#custom-power,
|
||||
#custom-settings,
|
||||
#custom-spotify,
|
||||
#custom-swaync,
|
||||
#custom-tty,
|
||||
#custom-updater,
|
||||
#custom-weather,
|
||||
#custom-weather.clearNight,
|
||||
#custom-weather.cloudyFoggyDay,
|
||||
#custom-weather.cloudyFoggyNight,
|
||||
#custom-weather.default,
|
||||
#custom-weather.rainyDay,
|
||||
#custom-weather.rainyNight,
|
||||
#custom-weather.severe,
|
||||
#custom-weather.showyIcyDay,
|
||||
#custom-weather.snowyIcyNight,
|
||||
#custom-weather.sunnyDay,
|
||||
#custom-updates,
|
||||
#custom-updates.pending-updates
|
||||
{
|
||||
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;
|
||||
}
|
||||
@import "./_modules.scss";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue