fix: restore opacity contrast in waybar, correct swaylock colors, and fix wlogout icon styling

This commit is contained in:
2025-05-25 21:44:46 +02:00
parent 394ab8e87b
commit 54da358d5e
3 changed files with 14 additions and 14 deletions

View File

@@ -8,7 +8,7 @@ in
package = pkgs.swaylock-effects;
settings = {
# screen & indicator
color = "#${palette.base00}"; # --color
color = "#${palette.base01}CC"; # --color
screenshots = true; # --screenshots
fade-in = 0.1; # --fade-in
scaling = "fill"; # e.g. --scaling=fill
@@ -26,12 +26,12 @@ in
indicator-thickness = 7; # --indicator-thickness
# indicator colors
ring-color = "#${palette.base05}"; # --ring-color
key-hl-color = "#${palette.base03}"; # --key-hl-color
text-color = "#${palette.base00}"; # --text-color
inside-color = "#${palette.base04}"; # --inside-color
line-color = "#${palette.base00}"; # --line-color
separator-color = "#${palette.base00}"; # --separator-color
ring-color = "#${palette.base0D}FF"; # --ring-color
key-hl-color = "#${palette.base02}FF"; # --key-hl-color
text-color = "#${palette.base05}FF"; # --text-color
inside-color = "#${palette.base05}FF"; # --inside-color
line-color = "#${palette.base01}FF"; # --line-color
separator-color = "#${palette.base01}FF"; # --separator-color
# effects
effect-scale = 0.6; # --effect-scale

View File

@@ -181,7 +181,7 @@ in
/* Bar container */
window#waybar {
background-color: ${toRGBA palette.base01 "0.8"};
background-color: ${toRGBA palette.base01 "0.5"};
border-radius: 12px;
padding: 4px 20px;
border: none;
@@ -194,7 +194,7 @@ in
#idle_inhibitor,#backlight,#pulseaudio,#keyboard-state,
#network,#cpu,#memory,#temperature,#battery,
#power-profiles-daemon,#clock,#tray,#custom-power,#custom-launcher,#custom-overview,#niri-window {
background-color: ${toRGBA palette.base01 "0.6"};
background-color: ${toRGBA palette.base01 "0.4"};
border-radius: 8px;
margin: 0 6px;
padding: 0 10px;
@@ -206,7 +206,7 @@ in
#keyboard-state:hover,#network:hover,#cpu:hover,#memory:hover,
#temperature:hover,#battery:hover,#power-profiles-daemon:hover,
#clock:hover,#tray:hover,#custom-power:hover,#custom-launcher:hover,#custom-overview:hover,#niri-window:hover {
background-color: ${toRGBA palette.base02 "0.6"};
background-color: ${toRGBA palette.base02 "0.5"};
}
/* Tooltip styling */

View File

@@ -40,21 +40,21 @@ in
}
button {
color: "#${palette.base0C}";
color: #${palette.base0C};
background-color: ${toRGBA palette.base02 "0.8"};
border: 2px solid "#${palette.base0C}";
border: 2px solid #${palette.base0C};
border-radius: 1em;
margin: 0.75em;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0 0 4px "#${palette.base0C}";
box-shadow: 0 0 4px #${palette.base0C};
padding: 0.6em 1.2em;
}
button:focus,
button:active {
background-color: ${toRGBA palette.base03 "0.9"};
box-shadow: 0 0 6px "#${palette.base0C}";
box-shadow: 0 0 6px #${palette.base0C};
outline: none;
}