Waybar : Add hover and urgent effects.
This commit is contained in:
parent
36cea032be
commit
087de3c0d3
|
@ -9,9 +9,9 @@
|
|||
LC_MEASUREMENT = "ru_RU.UTF-8";
|
||||
LC_MONETARY = "ru_RU.UTF-8";
|
||||
LC_NAME = "ru_RU.UTF-8";
|
||||
LC_NUMERIC = "ru_RU.UTF-8";
|
||||
LC_NUMERIC = "en_GB.UTF-8";
|
||||
LC_PAPER = "ru_RU.UTF-8";
|
||||
LC_TELEPHONE = "ru_RU.UTF-8";
|
||||
LC_TIME = "ru_RU.UTF-8";
|
||||
LC_TIME = "en_GB.UTF-8";
|
||||
};
|
||||
}
|
||||
|
|
|
@ -1,29 +1,49 @@
|
|||
{ style, ... }: {
|
||||
{ style, ... }: let
|
||||
paddingV = "0";
|
||||
paddingH = "12px";
|
||||
in {
|
||||
text = ''
|
||||
#pulseaudio,
|
||||
#mpris,
|
||||
#cpu,
|
||||
#battery,
|
||||
#custom-display,
|
||||
#language {
|
||||
padding: 8px 0 8px 24px;
|
||||
}
|
||||
|
||||
#custom-powersave,
|
||||
#custom-powerlimit,
|
||||
#tray,
|
||||
#temperature,
|
||||
#memory,
|
||||
#cpu,
|
||||
#clock,
|
||||
#scratchpad,
|
||||
#language {
|
||||
padding: ${paddingV} ${paddingH};
|
||||
border-top: ${toString(style.window.border)}px solid transparent;
|
||||
border-bottom: ${toString(style.window.border)}px solid transparent;
|
||||
}
|
||||
|
||||
#cpu {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
#temperature {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
#memory {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#custom-powersave,
|
||||
#custom-powerlimit {
|
||||
padding: 8px 0 8px 0;
|
||||
margin-left: -${paddingH};
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#clock {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#tray {
|
||||
padding: 8px 12px 8px 24px;
|
||||
}
|
||||
|
||||
#battery:hover,
|
||||
#clock:hover,
|
||||
#cpu:hover,
|
||||
|
@ -36,25 +56,26 @@
|
|||
#pulseaudio:hover,
|
||||
#temperature:hover,
|
||||
#tray:hover,
|
||||
#scratchpad:hover,
|
||||
#workspaces button:hover {
|
||||
background-color: #ff0000;
|
||||
background-color: rgba(${style.color.border-r},${style.color.border-g},${style.color.border-b},${toString(style.opacity.desktop)});
|
||||
}
|
||||
|
||||
#pulseaudio.muted,
|
||||
#battery.critical,
|
||||
#tray.needs-attention,
|
||||
#custom-display.modified {
|
||||
border-top: ${toString(style.window.border)}px solid #${style.color.accent};
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
padding: 0 4px;
|
||||
padding: ${paddingV} 4px;
|
||||
border-top: ${toString(style.window.border)}px solid transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
border-top: ${toString(style.window.border)}px solid #${style.color.accent};
|
||||
}
|
||||
'';
|
||||
|
||||
# background-color: rgba(${style.color.border-r},${style.color.border-g},${style.color.border-b},${toString(style.opacity.desktop)});
|
||||
}
|
||||
|
|
|
@ -1,12 +1,6 @@
|
|||
{ style, ... }: {
|
||||
text = ''
|
||||
window#waybar {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.modules-left,
|
||||
.modules-right,
|
||||
.modules-center {
|
||||
background-color: rgba(${style.color.bg-r},${style.color.bg-g},${style.color.bg-b},${toString(style.opacity.desktop)});
|
||||
border: ${toString(style.window.border)}px solid rgba(${style.color.border-r},${style.color.border-g},${style.color.border-b},${toString(style.opacity.desktop)});
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue