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
|
|
@ -1,45 +0,0 @@
|
|||
{
|
||||
"include": [
|
||||
"$HOME/.config/waybar/Modules.json",
|
||||
"$HOME/.config/waybar/ModulesWorkspaces.json",
|
||||
"$HOME/.config/waybar/ModulesCustom.json",
|
||||
"$HOME/.config/waybar/ModulesGroups.json",
|
||||
"$HOME/.config/waybar/Output.config.json"
|
||||
],
|
||||
"layer": "top",
|
||||
"exclusive": true,
|
||||
"passthrough": false,
|
||||
"position": "top",
|
||||
"spacing": 3,
|
||||
"fixed-center": true,
|
||||
"ipc": true,
|
||||
"margin-top": 3,
|
||||
"margin-left": 8,
|
||||
"margin-right": 8,
|
||||
|
||||
"modules-left": [
|
||||
"group/app_drawer",
|
||||
"custom/separator#dot-line",
|
||||
"group/mobo_drawer",
|
||||
"custom/separator#line",
|
||||
"custom/weather",
|
||||
],
|
||||
|
||||
"modules-center": [
|
||||
"clock",
|
||||
"custom/separator#line",
|
||||
"hyprland/workspaces#rw",
|
||||
],
|
||||
|
||||
"modules-right": [
|
||||
"network#speed",
|
||||
"custom/updates",
|
||||
"group/laptop",
|
||||
"custom/separator#line",
|
||||
"tray",
|
||||
"group/audio#pulsecontrol",
|
||||
"custom/separator#dot-line",
|
||||
"group/status",
|
||||
"custom/swaync",
|
||||
],
|
||||
}
|
||||
1
.config/waybar/config
Symbolic link
1
.config/waybar/config
Symbolic link
|
|
@ -0,0 +1 @@
|
|||
configurations/hidden.json
|
||||
44
.config/waybar/configurations/default.json
Normal file
44
.config/waybar/configurations/default.json
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
{
|
||||
"include": [
|
||||
"$HOME/.config/waybar/Modules.json",
|
||||
"$HOME/.config/waybar/ModulesWorkspaces.json",
|
||||
"$HOME/.config/waybar/ModulesCustom.json",
|
||||
"$HOME/.config/waybar/ModulesGroups.json",
|
||||
"$HOME/.config/waybar/Output.config.json"
|
||||
],
|
||||
"layer": "top",
|
||||
"exclusive": true,
|
||||
"passthrough": false,
|
||||
"position": "top",
|
||||
"spacing": 3,
|
||||
"fixed-center": true,
|
||||
"ipc": true,
|
||||
"margin-top": 3,
|
||||
"margin-left": 8,
|
||||
"margin-right": 8,
|
||||
|
||||
"modules-left": [
|
||||
"group/app_drawer",
|
||||
"custom/separator#dot-line",
|
||||
"group/mobo_drawer",
|
||||
"custom/separator#line",
|
||||
"custom/weather",
|
||||
],
|
||||
|
||||
"modules-center": [
|
||||
"clock",
|
||||
"custom/separator#line",
|
||||
"hyprland/workspaces#rw",
|
||||
],
|
||||
|
||||
"modules-right": [
|
||||
"network#speed",
|
||||
"group/laptop",
|
||||
"custom/separator#line",
|
||||
"tray",
|
||||
"group/audio#pulsecontrol",
|
||||
"custom/separator#dot-line",
|
||||
"group/status",
|
||||
"custom/swaync",
|
||||
],
|
||||
}
|
||||
12
.config/waybar/configurations/hidden.json
Normal file
12
.config/waybar/configurations/hidden.json
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
{
|
||||
"include": [
|
||||
"$HOME/.config/waybar/configurations/default.json"
|
||||
],
|
||||
|
||||
"layer": "overlay",
|
||||
"exclusive": false,
|
||||
"position": "top",
|
||||
"reload_style_on_change": true,
|
||||
"name": "semi-hidden",
|
||||
"id": "semi-hidden"
|
||||
}
|
||||
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;
|
||||
}
|
||||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -8,13 +8,20 @@
|
|||
border-radius: 0.3rem;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
window {
|
||||
background: rgba(40, 40, 40, 0.95);
|
||||
color: #d5c4a1;
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
|
||||
window.semi-hidden {
|
||||
background-color: transparent;
|
||||
}
|
||||
window.semi-hidden .modules-left, window.semi-hidden .modules-center, window.semi-hidden .modules-right {
|
||||
background-color: #282828;
|
||||
}
|
||||
|
||||
#taskbar button,
|
||||
#workspaces button {
|
||||
color: #d5c4a1;
|
||||
|
|
@ -34,60 +41,7 @@ window#waybar {
|
|||
border-bottom: 1px solid #fb4934;
|
||||
}
|
||||
|
||||
#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 {
|
||||
.module {
|
||||
color: #d5c4a1;
|
||||
padding: 3px 6px 3px 6px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue