aboutsummaryrefslogtreecommitdiffstats
path: root/config/waybar/style
diff options
context:
space:
mode:
Diffstat (limited to 'config/waybar/style')
-rw-r--r--config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css25
-rw-r--r--config/waybar/style/0-VERTICAL-Golden-Noir.css27
-rw-r--r--config/waybar/style/0-VERTICAL-Oglo-Chicklets.css27
-rw-r--r--config/waybar/style/Black-&-White-Monochrome.css27
-rw-r--r--config/waybar/style/Catppuccin-Frappe.css27
-rw-r--r--config/waybar/style/Catppuccin-Latte.css25
-rw-r--r--config/waybar/style/Catppuccin-Mocha.css27
-rw-r--r--config/waybar/style/Colored-Chroma-Glow.css25
-rw-r--r--config/waybar/style/Colored-Translucent.css25
-rw-r--r--config/waybar/style/Colorful-Aurora-Blossom.css25
-rw-r--r--config/waybar/style/Colorful-Aurora.css27
-rw-r--r--config/waybar/style/Colorful-Oglo-Chicklets.css25
-rw-r--r--config/waybar/style/Colorful-Rainbow-Spectrum.css25
-rw-r--r--config/waybar/style/Colorful-stolen-style.css25
-rw-r--r--config/waybar/style/Crystal-Clear-Glass.css25
-rw-r--r--config/waybar/style/Dark-Golden-Eclipse.css24
-rw-r--r--config/waybar/style/Dark-Golden-Noir.css27
-rw-r--r--config/waybar/style/Dark-Half-Moon.css27
-rw-r--r--config/waybar/style/Dark-Latte-Wallust-combined-v2.css25
-rw-r--r--config/waybar/style/Dark-Latte-Wallust-combined.css25
-rw-r--r--config/waybar/style/Dark-Purpl.css27
-rw-r--r--config/waybar/style/Dark-Wallust-Obsidian-Edge.css27
-rw-r--r--config/waybar/style/Extra-Arrow.css25
-rw-r--r--config/waybar/style/Extra-Crimson.css27
-rw-r--r--config/waybar/style/Extra-EverForest.css27
-rw-r--r--config/waybar/style/Extra-ML4W-starter.css24
-rw-r--r--config/waybar/style/Extra-Mauve.css25
-rw-r--r--config/waybar/style/Extra-Modern-Combined-Transparent.css83
-rw-r--r--config/waybar/style/Extra-Modern-Combined.css59
-rw-r--r--config/waybar/style/Extra-Neon-Circuit.css110
-rw-r--r--config/waybar/style/Extra-Prismatic-Glow.css27
-rw-r--r--config/waybar/style/Extra-Rose-Pine.css25
-rw-r--r--config/waybar/style/Extra-Simple-Pink.css27
-rw-r--r--config/waybar/style/Light-Monochrome-Contrast.css25
-rw-r--r--config/waybar/style/Light-Obsidian-Glow.css27
-rw-r--r--config/waybar/style/ML4W-Glass-3d.css25
-rw-r--r--config/waybar/style/ML4W-Glass.css25
-rw-r--r--config/waybar/style/ML4W/glass.css24
-rw-r--r--config/waybar/style/Rainbow-RGB-Bordered.css27
-rw-r--r--config/waybar/style/Retro-Simple-Style.css27
-rw-r--r--config/waybar/style/Transparent-Crystal-Clear.css27
-rw-r--r--config/waybar/style/VERTICAL-Catpuccin-Mocha.css25
-rw-r--r--config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css23
-rw-r--r--config/waybar/style/Wallust-Bordered-Chroma-Simple.css25
-rw-r--r--config/waybar/style/Wallust-Box-type.css62
-rw-r--r--config/waybar/style/Wallust-Chroma-Edge.css39
-rw-r--r--config/waybar/style/Wallust-Chroma-Fusion.css40
-rw-r--r--config/waybar/style/Wallust-Chroma-Tally-V2.css25
-rw-r--r--config/waybar/style/Wallust-Chroma-Tally.css25
-rw-r--r--config/waybar/style/Wallust-Colored.css27
-rw-r--r--config/waybar/style/Wallust-ML4W-modern-mixed.css27
-rw-r--r--config/waybar/style/Wallust-ML4W-modern.css27
-rw-r--r--config/waybar/style/Wallust-Simple.css27
-rw-r--r--config/waybar/style/Wallust-Transparent-Crystal-Clear.css27
-rw-r--r--config/waybar/style/catppuccin-themes/frappe.css24
-rw-r--r--config/waybar/style/catppuccin-themes/latte.css24
-rw-r--r--config/waybar/style/catppuccin-themes/mocha.css23
-rw-r--r--config/waybar/style/catppuccin-themes/rgbmocha.css24
58 files changed, 1575 insertions, 154 deletions
diff --git a/config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css b/config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css
index e699cc65..a72b2694 100644
--- a/config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css
+++ b/config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css
@@ -109,6 +109,7 @@ tooltip label {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -240,3 +241,27 @@ window#waybar.bottombar #pulseaudio-slider trough {
border-radius: 5px;
background-color: @blue;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/0-VERTICAL-Golden-Noir.css b/config/waybar/style/0-VERTICAL-Golden-Noir.css
index 61db3fd5..45a6fe5a 100644
--- a/config/waybar/style/0-VERTICAL-Golden-Noir.css
+++ b/config/waybar/style/0-VERTICAL-Golden-Noir.css
@@ -136,6 +136,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -223,4 +224,28 @@ window#waybar.bottombar #pulseaudio-slider trough {
min-width: 5px;
border-radius: 5px;
background-color: #ba5663;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/0-VERTICAL-Oglo-Chicklets.css b/config/waybar/style/0-VERTICAL-Oglo-Chicklets.css
index 0403cb10..90b287fd 100644
--- a/config/waybar/style/0-VERTICAL-Oglo-Chicklets.css
+++ b/config/waybar/style/0-VERTICAL-Oglo-Chicklets.css
@@ -102,6 +102,7 @@ button.active {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -420,4 +421,28 @@ window#waybar.bottombar #pulseaudio-slider trough {
min-width: 5px;
border-radius: 5px;
background-color: #64b6ac;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Black-&-White-Monochrome.css b/config/waybar/style/Black-&-White-Monochrome.css
index 59005708..60ff6e6e 100644
--- a/config/waybar/style/Black-&-White-Monochrome.css
+++ b/config/waybar/style/Black-&-White-Monochrome.css
@@ -146,6 +146,7 @@ tooltip label{
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -225,4 +226,28 @@ tooltip label{
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Catppuccin-Frappe.css b/config/waybar/style/Catppuccin-Frappe.css
index 21e86b3e..228098a6 100644
--- a/config/waybar/style/Catppuccin-Frappe.css
+++ b/config/waybar/style/Catppuccin-Frappe.css
@@ -109,6 +109,7 @@ window#waybar.hidden {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -289,4 +290,28 @@ window#waybar.hidden {
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Catppuccin-Latte.css b/config/waybar/style/Catppuccin-Latte.css
index 3bc3ef91..013eb098 100644
--- a/config/waybar/style/Catppuccin-Latte.css
+++ b/config/waybar/style/Catppuccin-Latte.css
@@ -108,6 +108,7 @@ window#waybar.hidden {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -289,3 +290,27 @@ window#waybar.hidden {
min-height: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Catppuccin-Mocha.css b/config/waybar/style/Catppuccin-Mocha.css
index b62ca830..e1bd0eee 100644
--- a/config/waybar/style/Catppuccin-Mocha.css
+++ b/config/waybar/style/Catppuccin-Mocha.css
@@ -133,6 +133,7 @@ window#waybar.empty #window {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -308,4 +309,28 @@ window#waybar.empty #window {
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Colored-Chroma-Glow.css b/config/waybar/style/Colored-Chroma-Glow.css
index cce79973..4a1c8e4f 100644
--- a/config/waybar/style/Colored-Chroma-Glow.css
+++ b/config/waybar/style/Colored-Chroma-Glow.css
@@ -137,6 +137,7 @@ tooltip label{
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -345,3 +346,27 @@ label:focus {
min-height: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Colored-Translucent.css b/config/waybar/style/Colored-Translucent.css
index ecd9366b..12818f6c 100644
--- a/config/waybar/style/Colored-Translucent.css
+++ b/config/waybar/style/Colored-Translucent.css
@@ -134,6 +134,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -361,3 +362,27 @@ label:focus {
min-height: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Colorful-Aurora-Blossom.css b/config/waybar/style/Colorful-Aurora-Blossom.css
index a07d2b72..cb1e9269 100644
--- a/config/waybar/style/Colorful-Aurora-Blossom.css
+++ b/config/waybar/style/Colorful-Aurora-Blossom.css
@@ -127,6 +127,7 @@ tooltip label{
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -211,3 +212,27 @@ tooltip label{
min-width: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Colorful-Aurora.css b/config/waybar/style/Colorful-Aurora.css
index 030bd9be..d56cdd22 100644
--- a/config/waybar/style/Colorful-Aurora.css
+++ b/config/waybar/style/Colorful-Aurora.css
@@ -114,6 +114,7 @@ tooltip label{
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -216,4 +217,28 @@ tooltip label{
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Colorful-Oglo-Chicklets.css b/config/waybar/style/Colorful-Oglo-Chicklets.css
index 5959e510..e870c3e7 100644
--- a/config/waybar/style/Colorful-Oglo-Chicklets.css
+++ b/config/waybar/style/Colorful-Oglo-Chicklets.css
@@ -102,6 +102,7 @@ button.active {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -431,3 +432,27 @@ tooltip label {
min-width: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Colorful-Rainbow-Spectrum.css b/config/waybar/style/Colorful-Rainbow-Spectrum.css
index 1e754e75..a23fb79a 100644
--- a/config/waybar/style/Colorful-Rainbow-Spectrum.css
+++ b/config/waybar/style/Colorful-Rainbow-Spectrum.css
@@ -121,6 +121,7 @@ tooltip label{
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -338,3 +339,27 @@ tooltip label{
min-height: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Colorful-stolen-style.css b/config/waybar/style/Colorful-stolen-style.css
index fbefb6e3..b3ba6149 100644
--- a/config/waybar/style/Colorful-stolen-style.css
+++ b/config/waybar/style/Colorful-stolen-style.css
@@ -63,6 +63,7 @@ window#waybar.empty #window {
#custom-github,
#custom-hint,
#custom-hyprWindowMode,
+#custom-hypr_layout,
#custom-keyboard,
#custom-light_dark,
#custom-nightlight,
@@ -358,3 +359,27 @@ window#waybar.empty #window {
padding-left: 6px;
color: #f7768e;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Crystal-Clear-Glass.css b/config/waybar/style/Crystal-Clear-Glass.css
index 817b304c..16bef8b8 100644
--- a/config/waybar/style/Crystal-Clear-Glass.css
+++ b/config/waybar/style/Crystal-Clear-Glass.css
@@ -223,6 +223,7 @@ window#waybar.empty #window {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -249,3 +250,27 @@ window#waybar.empty #window {
#custom-weather.sunnyDay {
background-color: transparent;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Dark-Golden-Eclipse.css b/config/waybar/style/Dark-Golden-Eclipse.css
index b4fb9b09..0a8e7fe4 100644
--- a/config/waybar/style/Dark-Golden-Eclipse.css
+++ b/config/waybar/style/Dark-Golden-Eclipse.css
@@ -72,6 +72,7 @@ window#waybar.hidden {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-power_vertical,
#custom-power,
@@ -214,3 +215,26 @@ window#waybar.hidden {
border-radius: 5px;
}
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Dark-Golden-Noir.css b/config/waybar/style/Dark-Golden-Noir.css
index d0e7fee9..edfd3c7f 100644
--- a/config/waybar/style/Dark-Golden-Noir.css
+++ b/config/waybar/style/Dark-Golden-Noir.css
@@ -136,6 +136,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -216,4 +217,28 @@ tooltip {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Dark-Half-Moon.css b/config/waybar/style/Dark-Half-Moon.css
index e83728cb..797a1c68 100644
--- a/config/waybar/style/Dark-Half-Moon.css
+++ b/config/waybar/style/Dark-Half-Moon.css
@@ -134,6 +134,7 @@ font-size: 14px;
#custom-dot_update,
#custom-swaync,
#custom-hypridle,
+#custom-hypr_layout,
#idle_inhibitor,
#clock {
color: #B8CC52;
@@ -335,4 +336,28 @@ font-size: 14px;
min-height: 10px;
border-radius: 5px;
background-color: purple;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Dark-Latte-Wallust-combined-v2.css b/config/waybar/style/Dark-Latte-Wallust-combined-v2.css
index 5d28efce..fdc29b53 100644
--- a/config/waybar/style/Dark-Latte-Wallust-combined-v2.css
+++ b/config/waybar/style/Dark-Latte-Wallust-combined-v2.css
@@ -148,6 +148,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -274,3 +275,27 @@ tooltip {
}
#swaync{
color: #ffd700;}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Dark-Latte-Wallust-combined.css b/config/waybar/style/Dark-Latte-Wallust-combined.css
index 04898191..898c3dc2 100644
--- a/config/waybar/style/Dark-Latte-Wallust-combined.css
+++ b/config/waybar/style/Dark-Latte-Wallust-combined.css
@@ -155,6 +155,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -286,3 +287,27 @@ tooltip {
}
#swaync{
color: #ffd700;}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Dark-Purpl.css b/config/waybar/style/Dark-Purpl.css
index c0674851..9fa8f628 100644
--- a/config/waybar/style/Dark-Purpl.css
+++ b/config/waybar/style/Dark-Purpl.css
@@ -140,6 +140,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -235,4 +236,28 @@ tooltip {
min-height: 10px;
border-radius: 5px;
background-color: purple;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Dark-Wallust-Obsidian-Edge.css b/config/waybar/style/Dark-Wallust-Obsidian-Edge.css
index c315e3cb..84199a7e 100644
--- a/config/waybar/style/Dark-Wallust-Obsidian-Edge.css
+++ b/config/waybar/style/Dark-Wallust-Obsidian-Edge.css
@@ -129,6 +129,7 @@ tooltip label {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -208,4 +209,28 @@ tooltip label {
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-Arrow.css b/config/waybar/style/Extra-Arrow.css
index 282318ff..506f0c73 100644
--- a/config/waybar/style/Extra-Arrow.css
+++ b/config/waybar/style/Extra-Arrow.css
@@ -98,6 +98,7 @@
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -294,3 +295,27 @@
color: @unfocused;
background: transparent;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-Crimson.css b/config/waybar/style/Extra-Crimson.css
index 1a2db007..3a326a02 100644
--- a/config/waybar/style/Extra-Crimson.css
+++ b/config/waybar/style/Extra-Crimson.css
@@ -124,6 +124,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -205,5 +206,27 @@ tooltip {
border-radius: 5px;
background-color: #ba5663;
}
-
- \ No newline at end of file
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-EverForest.css b/config/waybar/style/Extra-EverForest.css
index 69911ed2..e91221ba 100644
--- a/config/waybar/style/Extra-EverForest.css
+++ b/config/waybar/style/Extra-EverForest.css
@@ -221,6 +221,7 @@ window#waybar.hidden {
}
#custom-hypridle,
+#custom-hypr_layout,
#idle_inhibitor {
padding: 0px 5px;
border-radius: 5px;
@@ -332,4 +333,28 @@ window#waybar.hidden {
#custom-weather.sunnyDay {
padding-right: 5px;
padding-left: 5px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-ML4W-starter.css b/config/waybar/style/Extra-ML4W-starter.css
index 1e545ded..d9412124 100644
--- a/config/waybar/style/Extra-ML4W-starter.css
+++ b/config/waybar/style/Extra-ML4W-starter.css
@@ -176,6 +176,7 @@ window#waybar.empty #window {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -373,3 +374,26 @@ label:focus {
background-color: #f53c3c;
}
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-Mauve.css b/config/waybar/style/Extra-Mauve.css
index 35403d9c..2c8ad2af 100644
--- a/config/waybar/style/Extra-Mauve.css
+++ b/config/waybar/style/Extra-Mauve.css
@@ -143,6 +143,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -225,3 +226,27 @@ tooltip {
border-radius: 5px;
background-color: purple;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-Modern-Combined-Transparent.css b/config/waybar/style/Extra-Modern-Combined-Transparent.css
index 41208141..353c321c 100644
--- a/config/waybar/style/Extra-Modern-Combined-Transparent.css
+++ b/config/waybar/style/Extra-Modern-Combined-Transparent.css
@@ -3,18 +3,18 @@
/* NOTE: This style is NOT vertical layout friendly! */
-@define-color white #F2F2F2;
-@define-color black #000000;
-@define-color text #FFFFFF;
-@define-color lightgray #686868;
-@define-color darkgray #353535;
+@define-color white #F2F2F2;
+@define-color black #000000;
+@define-color text #FFFFFF;
+@define-color lightgray #686868;
+@define-color darkgray #353535;
-@define-color transparent rgba(1, 1, 1, 0.5);
-@define-color teal-trans rgba(1, 117, 84, 0.5);
-@define-color cyan rgba(53, 140, 169, 1);
+@define-color transparent rgba(1, 1, 1, 0.5);
+@define-color teal-trans rgba(1, 117, 84, 0.5);
+@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @background-alt;
-@define-color background-module2 @background;
+@define-color background-module2 @background;
@define-color border-color @color12;
@define-color button-color @color10;
@define-color button-hover @color13;
@@ -36,7 +36,7 @@
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
- min-height: 0;
+ min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
/* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
@@ -113,10 +113,10 @@ tooltip {
.modules-center {
background-color: @background-module;
border-radius: 0px 0px 45px 45px;
- padding-top: 8px;
- padding-bottom: 8px;
- padding-left: 10px;
- padding-right: 6px;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ padding-left: 10px;
+ padding-right: 6px;
}
#backlight,
@@ -156,6 +156,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -173,7 +174,7 @@ tooltip {
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
-#custom-weather.default,
+#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
@@ -181,8 +182,8 @@ tooltip {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: white;
- padding-right: 6px;
- padding-left: 6px;
+ padding-right: 6px;
+ padding-left: 6px;
}
#temperature.critical {
@@ -225,25 +226,25 @@ tooltip {
#backlight-slider slider,
#pulseaudio-slider slider {
- min-width: 0px;
- min-height: 0px;
- opacity: 0;
- background-image: none;
- border: none;
- box-shadow: none;
+ min-width: 0px;
+ min-height: 0px;
+ opacity: 0;
+ background-image: none;
+ border: none;
+ box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
- min-width: 80px;
- min-height: 5px;
- border-radius: 5px;
+ min-width: 80px;
+ min-height: 5px;
+ border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
- min-height: 10px;
- border-radius: 5px;
+ min-height: 10px;
+ border-radius: 5px;
}
#custom-hypridle,
@@ -258,7 +259,7 @@ tooltip {
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
-#custom-weather.default,
+#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
@@ -288,3 +289,27 @@ tooltip {
#custom-swaync{
color: #ffd700;}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-Modern-Combined.css b/config/waybar/style/Extra-Modern-Combined.css
index 93f7f859..f50140dd 100644
--- a/config/waybar/style/Extra-Modern-Combined.css
+++ b/config/waybar/style/Extra-Modern-Combined.css
@@ -3,18 +3,18 @@
/* NOTE: This style is NOT vertical layout friendly! */
-@define-color white #F2F2F2;
-@define-color black #000000;
-@define-color text #FFFFFF;
-@define-color lightgray #686868;
-@define-color darkgray #353535;
+@define-color white #F2F2F2;
+@define-color black #000000;
+@define-color text #FFFFFF;
+@define-color lightgray #686868;
+@define-color darkgray #353535;
-@define-color transparent rgba(1, 1, 1, 0.5);
-@define-color teal-trans rgba(1, 117, 84, 0.5);
-@define-color cyan rgba(53, 140, 169, 1);
+@define-color transparent rgba(1, 1, 1, 0.5);
+@define-color teal-trans rgba(1, 117, 84, 0.5);
+@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @background-alt;
-@define-color background-module2 @background;
+@define-color background-module2 @background;
@define-color border-color @color12;
@define-color button-color @color10;
@define-color button-hover @color13;
@@ -36,7 +36,7 @@
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
- min-height: 0;
+ min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
/* NOTE: Waybar v14+ ignores % font-size values */
font-size: 99%;
@@ -118,10 +118,10 @@ tooltip {
.modules-center {
background-color: @background-module;
border-radius: 0px 0px 45px 45px;
- padding-top: 8px;
- padding-bottom: 8px;
- padding-left: 10px;
- padding-right: 6px;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ padding-left: 10px;
+ padding-right: 6px;
}
#backlight,
@@ -159,6 +159,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -171,8 +172,8 @@ tooltip {
#custom-tty,
#custom-updater {
color: @foreground;
- padding-right: 6px;
- padding-left: 6px;
+ padding-right: 6px;
+ padding-left: 6px;
}
#temperature.critical {
@@ -271,7 +272,7 @@ tooltip {
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
-#custom-weather.default,
+#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
@@ -301,3 +302,27 @@ tooltip {
#custom-swaync{
color: #ffd700;}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-Neon-Circuit.css b/config/waybar/style/Extra-Neon-Circuit.css
index b913fc04..6f45c0ad 100644
--- a/config/waybar/style/Extra-Neon-Circuit.css
+++ b/config/waybar/style/Extra-Neon-Circuit.css
@@ -119,6 +119,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -177,26 +178,17 @@ tooltip {
#clock {
color: #F38BA8;
- border-radius: 12px;
- border-top-left-radius: 0px;
- border-bottom-right-radius: 0px;
+ border-radius: 20px;
border-width: 2px;
border-style: solid;
- border-left-style: none;
- border-right-style: none;
- border-left-width: 0px;
- border-width: 2px;
border-color: #F38BA8;
margin-right: 5px;
}
#idle_inhibitor {
color: #94e2d5;
- border-radius: 12px;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
+ border-radius: 20px;
border-style: solid;
- border-right-style: none;
border-width: 2px;
border-color: #F38BA8;
margin-right: 0px;
@@ -209,10 +201,7 @@ tooltip {
#temperature {
color: #cdd6f4;
border-radius: 20px;
- border-top-right-radius: 0px;
- border-bottom-right-radius: 0px;
border-style: solid;
- border-right-style: none;
border-width: 2px;
border-color: #cdd6f4;
margin-left: 5px;
@@ -232,10 +221,8 @@ tooltip {
#disk,
#memory {
color: #cdd6f4;
- border-radius: 0px;
+ border-radius: 20px;
border-style: solid;
- border-left-style: none;
- border-right-style: none;
border-width: 2px;
border-color: #cdd6f4;
margin-right: 0px;
@@ -243,12 +230,8 @@ tooltip {
#custom-menu {
color: #ff5a5a;
- border-radius: 6px;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
+ border-radius: 20px;
border-style: solid;
- border-left-style: none;
- border-right-style: none;
border-width: 2px;
border-color: #cdd6f4;
padding-right: 5px;
@@ -256,12 +239,8 @@ tooltip {
}
#network {
- border-radius: 12px;
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
+ border-radius: 20px;
border-style: solid;
- border-left-style: none;
- border-left-width: 0px;
border-width: 2px;
border-color: #cdd6f4;
margin-right: 5px;
@@ -269,11 +248,8 @@ tooltip {
#backlight {
color: #F5E0DC;
- border-radius: 12px;
- border-top-right-radius: 0px;
- border-bottom-right-radius: 0px;
+ border-radius: 20px;
border-style: solid;
- border-right-style: none;
border-width: 2px;
border-color: #F5E0DC;
margin-left: 5px;
@@ -282,10 +258,7 @@ tooltip {
#pulseaudio {
color: #F5E0DC;
border-radius: 20px;
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
border-style: solid;
- border-left-style: none;
border-width: 2px;
border-color: #F5E0DC;
margin-right: 0px;
@@ -298,11 +271,7 @@ tooltip {
#keyboard-state {
color: #F5E0DC;
border-radius: 20px;
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
border-style: solid;
- border-left-style: none;
- border-left-width: 0px;
border-width: 2px;
border-color: #F5E0DC;
margin-right: 5px;
@@ -310,10 +279,8 @@ tooltip {
#custom-updater {
color: #F5E0DC;
- border-radius: 0px;
+ border-radius: 20px;
border-style: solid;
- border-left-style: none;
- border-right-style: none;
border-width: 2px;
border-color: #F5E0DC;
margin-right: 0px;
@@ -321,13 +288,8 @@ tooltip {
#custom-hint {
color: #F5E0DC;
- border-radius: 12px;
- border-top-left-radius: 0px;
- border-bottom-right-radius: 0px;
+ border-radius: 20px;
border-style: solid;
- border-left-style: none;
- border-right-style: none;
- border-left-width: 0px;
border-width: 2px;
border-color: #F5E0DC;
margin-right: 5px;
@@ -336,14 +298,9 @@ tooltip {
#tray {
color: #b4befe;
font-size: 16;
- border-radius: 12px;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
+ border-radius: 20px;
border-width: 2px;
border-style: solid;
- border-left-style: none;
- border-right-style: none;
- border-width: 2px;
border-color: #b4befe;
margin-left: 5px;
padding-left: 8px;
@@ -356,12 +313,8 @@ tooltip {
}
#custom-swaync {
- border-radius: 12px;
- border-top-left-radius: 0px;
- border-bottom-right-radius: 0px;
+ border-radius: 20px;
border-style: solid;
- border-left-style: none;
- border-right-style: none;
border-width: 2px;
border-color: #b4befe;
margin-right: 0px;
@@ -369,11 +322,7 @@ tooltip {
#battery {
border-radius: 20px;
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
border-style: solid;
- border-left-style: none;
- border-left-width: 0px;
border-width: 2px;
border-color: #b4befe;
margin-right: 5px;
@@ -381,11 +330,8 @@ tooltip {
}
#custom-power {
- border-radius: 12px;
- border-top-left-radius: 0px;
- border-bottom-right-radius: 0px;
+ border-radius: 20px;
border-style: solid;
- border-left-style: none;
border-width: 2px;
border-color: #F38BA8;
padding-left: 0px;
@@ -405,13 +351,9 @@ tooltip {
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
- border-radius: 12px;
- border-top-left-radius: 0px;
- border-bottom-right-radius: 0px;
+ border-radius: 20px;
border-width: 2px;
border-style: solid;
- border-left-style: none;
- border-right-style: none;
border-color: #E06C75;
color: #E06C75;
margin-right: 5px;
@@ -423,8 +365,30 @@ tooltip {
border-radius: 20px;
border-width: 2px;
border-style: solid;
- border-left-style: none;
- border-right-style: none;
border-color: #f5e0dc;
margin-right: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-Prismatic-Glow.css b/config/waybar/style/Extra-Prismatic-Glow.css
index e1cfb779..cc824969 100644
--- a/config/waybar/style/Extra-Prismatic-Glow.css
+++ b/config/waybar/style/Extra-Prismatic-Glow.css
@@ -178,6 +178,7 @@ window#waybar.empty {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -300,4 +301,28 @@ label:focus {
min-height: 10px;
border-radius: 5px;
background-color: purple;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-Rose-Pine.css b/config/waybar/style/Extra-Rose-Pine.css
index ee842983..94b40f7b 100644
--- a/config/waybar/style/Extra-Rose-Pine.css
+++ b/config/waybar/style/Extra-Rose-Pine.css
@@ -144,6 +144,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -247,3 +248,27 @@ tooltip {
min-height: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Extra-Simple-Pink.css b/config/waybar/style/Extra-Simple-Pink.css
index 665b9450..9b69a8bd 100644
--- a/config/waybar/style/Extra-Simple-Pink.css
+++ b/config/waybar/style/Extra-Simple-Pink.css
@@ -136,6 +136,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -217,4 +218,28 @@ tooltip {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Light-Monochrome-Contrast.css b/config/waybar/style/Light-Monochrome-Contrast.css
index def9ad42..afa18d0b 100644
--- a/config/waybar/style/Light-Monochrome-Contrast.css
+++ b/config/waybar/style/Light-Monochrome-Contrast.css
@@ -126,6 +126,7 @@ tooltip label{
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -210,3 +211,27 @@ tooltip label{
min-height: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Light-Obsidian-Glow.css b/config/waybar/style/Light-Obsidian-Glow.css
index 19b90078..ab428569 100644
--- a/config/waybar/style/Light-Obsidian-Glow.css
+++ b/config/waybar/style/Light-Obsidian-Glow.css
@@ -115,6 +115,7 @@ tooltip label {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -212,4 +213,28 @@ tooltip label {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/ML4W-Glass-3d.css b/config/waybar/style/ML4W-Glass-3d.css
index 58aaf4e1..4502d528 100644
--- a/config/waybar/style/ML4W-Glass-3d.css
+++ b/config/waybar/style/ML4W-Glass-3d.css
@@ -308,6 +308,7 @@ window#waybar.empty #window {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -334,3 +335,27 @@ window#waybar.empty #window {
#custom-weather.sunnyDay {
background-color: transparent;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/ML4W-Glass.css b/config/waybar/style/ML4W-Glass.css
index be0c6698..131e58a3 100644
--- a/config/waybar/style/ML4W-Glass.css
+++ b/config/waybar/style/ML4W-Glass.css
@@ -288,6 +288,7 @@ window#waybar.empty #window {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -314,3 +315,27 @@ window#waybar.empty #window {
#custom-weather.sunnyDay {
background-color: transparent;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/ML4W/glass.css b/config/waybar/style/ML4W/glass.css
index 6986a6d1..846dd17f 100644
--- a/config/waybar/style/ML4W/glass.css
+++ b/config/waybar/style/ML4W/glass.css
@@ -50,3 +50,27 @@ SPDX-License-Identifier: GPL-3.0-or-later */
@define-color error @color9;
@define-color on_error @color7;
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Rainbow-RGB-Bordered.css b/config/waybar/style/Rainbow-RGB-Bordered.css
index a831832d..932f75b8 100644
--- a/config/waybar/style/Rainbow-RGB-Bordered.css
+++ b/config/waybar/style/Rainbow-RGB-Bordered.css
@@ -134,6 +134,7 @@ window#waybar.empty #window {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -317,4 +318,28 @@ window#waybar.empty #window {
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Retro-Simple-Style.css b/config/waybar/style/Retro-Simple-Style.css
index 6658c593..03ae4a33 100644
--- a/config/waybar/style/Retro-Simple-Style.css
+++ b/config/waybar/style/Retro-Simple-Style.css
@@ -84,6 +84,7 @@ window#waybar {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -184,4 +185,28 @@ window#waybar {
min-height: 10px;
border-radius: 5px;
background-color: @green;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Transparent-Crystal-Clear.css b/config/waybar/style/Transparent-Crystal-Clear.css
index 0f14891e..ae4f57c0 100644
--- a/config/waybar/style/Transparent-Crystal-Clear.css
+++ b/config/waybar/style/Transparent-Crystal-Clear.css
@@ -109,6 +109,7 @@ window#waybar.empty #window {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -204,5 +205,27 @@ window#waybar.empty #window {
border-radius: 5px;
background-color: wheat;
}
-
- \ No newline at end of file
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/VERTICAL-Catpuccin-Mocha.css b/config/waybar/style/VERTICAL-Catpuccin-Mocha.css
index 9a0d48ed..f2fecff9 100644
--- a/config/waybar/style/VERTICAL-Catpuccin-Mocha.css
+++ b/config/waybar/style/VERTICAL-Catpuccin-Mocha.css
@@ -108,6 +108,7 @@ tooltip label {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -243,3 +244,27 @@ window#waybar.bottombar #pulseaudio-slider trough {
border-radius: 5px;
background-color: @blue;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css b/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css
index b9d14b78..6426a420 100644
--- a/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css
+++ b/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css
@@ -96,6 +96,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -321,4 +322,26 @@ tooltip {
border-radius: 5px;
}
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-Bordered-Chroma-Simple.css b/config/waybar/style/Wallust-Bordered-Chroma-Simple.css
index 4e427c15..3f51751a 100644
--- a/config/waybar/style/Wallust-Bordered-Chroma-Simple.css
+++ b/config/waybar/style/Wallust-Bordered-Chroma-Simple.css
@@ -131,6 +131,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -363,3 +364,27 @@ tooltip {
color: @color15;
border: 2px solid @color13;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-Box-type.css b/config/waybar/style/Wallust-Box-type.css
index e60f05bf..b5d0424f 100644
--- a/config/waybar/style/Wallust-Box-type.css
+++ b/config/waybar/style/Wallust-Box-type.css
@@ -1,7 +1,7 @@
/* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Wallust - Box type */
-@import "../../.config/waybar/wallust/colors-waybar.css";
+@import "wallust/colors-waybar.css";
* {
font-family: "JetBrainsMono Nerd Font";
@@ -135,6 +135,7 @@ window#waybar.empty #window {
#custom-tty,
#custom-updater,
#custom-hyprpicker,
+#custom-hypr_layout,
#custom-weather,
#custom-weather2,
#custom-weather.clearNight,
@@ -177,6 +178,41 @@ window#waybar.empty #window {
padding-right: 12px;
}
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention,
+#tray image {
+ color: @color15;
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+}
+
+#tray {
+ background: @background;
+ border-radius: 10px;
+ padding-left: 6px;
+ padding-right: 6px;
+ border-bottom-width: 5px;
+ border-bottom-color: @color12;
+ border-bottom-style: solid;
+}
+
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: @color13;
+ color: @background;
+ border-radius: 8px;
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+}
+
+#tray image {
+ color: @background;
+}
+
#temperature.critical {
background-color: red;
color: black;
@@ -231,3 +267,27 @@ window#waybar.empty #window {
min-height: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-Chroma-Edge.css b/config/waybar/style/Wallust-Chroma-Edge.css
index a59050d1..b1d6811b 100644
--- a/config/waybar/style/Wallust-Chroma-Edge.css
+++ b/config/waybar/style/Wallust-Chroma-Edge.css
@@ -1,7 +1,7 @@
/* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */
/* Wallust Chroma Edge */
-@import "../../.config/waybar/wallust/colors-waybar.css";
+@import "wallust/colors-waybar.css";
* {
font-family: "JetBrainsMono Nerd Font";
@@ -26,7 +26,8 @@ window#waybar {
font-size: 14px;
}
-window#waybar.empty window#waybar.empty #window {
+window#waybar.empty,
+window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
@@ -129,6 +130,7 @@ tooltip label {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -306,6 +308,15 @@ label:focus {
color: #f53c3c;
}
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention,
+#tray image {
+ color: @color15;
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+}
+
#custom-media {
background-color: #66cc99;
color: #2a5c45;
@@ -386,3 +397,27 @@ label:focus {
min-height: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-Chroma-Fusion.css b/config/waybar/style/Wallust-Chroma-Fusion.css
index f16acbc4..808c7e9b 100644
--- a/config/waybar/style/Wallust-Chroma-Fusion.css
+++ b/config/waybar/style/Wallust-Chroma-Fusion.css
@@ -97,6 +97,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -186,7 +187,9 @@ tooltip {
}
#custom-cava_mviz {
- color: @color2;
+ color: @color15;
+ background-color: rgba(15, 96, 95, 0.65);
+ border: 1px solid @color10;
}
#custom-lock,
@@ -218,7 +221,8 @@ tooltip {
#workspaces button {
margin: 1px 1px;
border-radius: 15px;
- border:0px;
+ border: 1px solid transparent;
+ background: transparent;
color: @color15;
padding-left: 2px;
padding-right: 2px;
@@ -229,8 +233,9 @@ tooltip {
#taskbar button.active,
#workspaces button.active {
- color: #FFFFFF;
- background: @button-color;
+ color: @color0;
+ background: @color12;
+ border: 1px solid @color15;
border-radius: 15px;
padding-left: 4px;
padding-right: 4px;
@@ -246,8 +251,9 @@ tooltip {
#taskbar button:hover,
#workspaces button:hover {
- color: #FFFFFF;
- background: @button-hover;
+ color: @color0;
+ background: @color11;
+ border: 1px solid @color15;
border-radius: 15px;
opacity:1.0;
padding-left: 2px;
@@ -323,4 +329,26 @@ tooltip {
border-radius: 5px;
}
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-Chroma-Tally-V2.css b/config/waybar/style/Wallust-Chroma-Tally-V2.css
index 1ef933dd..4fd9e6b3 100644
--- a/config/waybar/style/Wallust-Chroma-Tally-V2.css
+++ b/config/waybar/style/Wallust-Chroma-Tally-V2.css
@@ -107,6 +107,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -282,3 +283,27 @@ tooltip {
border-radius: 5px;
background-color: @color6; /* Lighter highlight */
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-Chroma-Tally.css b/config/waybar/style/Wallust-Chroma-Tally.css
index 97ad5d09..faa6c206 100644
--- a/config/waybar/style/Wallust-Chroma-Tally.css
+++ b/config/waybar/style/Wallust-Chroma-Tally.css
@@ -106,6 +106,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -282,3 +283,27 @@ tooltip {
min-height: 10px;
border-radius: 5px;
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-Colored.css b/config/waybar/style/Wallust-Colored.css
index 29049a34..f4bc3eef 100644
--- a/config/waybar/style/Wallust-Colored.css
+++ b/config/waybar/style/Wallust-Colored.css
@@ -149,6 +149,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -231,4 +232,28 @@ tooltip {
#custom-cava_mviz {
padding-right: 10px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-ML4W-modern-mixed.css b/config/waybar/style/Wallust-ML4W-modern-mixed.css
index 1201fedc..75be2d7b 100644
--- a/config/waybar/style/Wallust-ML4W-modern-mixed.css
+++ b/config/waybar/style/Wallust-ML4W-modern-mixed.css
@@ -160,6 +160,7 @@ window#waybar.empty #window {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -402,4 +403,28 @@ background-color: @color13;
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-ML4W-modern.css b/config/waybar/style/Wallust-ML4W-modern.css
index 84c553fe..7b765490 100644
--- a/config/waybar/style/Wallust-ML4W-modern.css
+++ b/config/waybar/style/Wallust-ML4W-modern.css
@@ -167,6 +167,7 @@ window#waybar.empty #window {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -395,4 +396,28 @@ background-color: @color13;
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-Simple.css b/config/waybar/style/Wallust-Simple.css
index 20a000b8..052f7b79 100644
--- a/config/waybar/style/Wallust-Simple.css
+++ b/config/waybar/style/Wallust-Simple.css
@@ -126,6 +126,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -219,4 +220,28 @@ tooltip {
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
-} \ No newline at end of file
+}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/Wallust-Transparent-Crystal-Clear.css b/config/waybar/style/Wallust-Transparent-Crystal-Clear.css
index e6db9b1c..a6541a59 100644
--- a/config/waybar/style/Wallust-Transparent-Crystal-Clear.css
+++ b/config/waybar/style/Wallust-Transparent-Crystal-Clear.css
@@ -144,6 +144,7 @@ tooltip {
#custom-lock,
#custom-hint,
#custom-hypridle,
+#custom-hypr_layout,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
@@ -224,5 +225,27 @@ tooltip {
border-radius: 5px;
background-color: wheat;
}
-
- \ No newline at end of file
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/catppuccin-themes/frappe.css b/config/waybar/style/catppuccin-themes/frappe.css
index c06b8fb7..c8f50ccd 100644
--- a/config/waybar/style/catppuccin-themes/frappe.css
+++ b/config/waybar/style/catppuccin-themes/frappe.css
@@ -24,3 +24,27 @@
@define-color base #303446;
@define-color mantle #292c3c;
@define-color crust #232634;
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/catppuccin-themes/latte.css b/config/waybar/style/catppuccin-themes/latte.css
index 085cc3e0..f045e580 100644
--- a/config/waybar/style/catppuccin-themes/latte.css
+++ b/config/waybar/style/catppuccin-themes/latte.css
@@ -35,3 +35,27 @@
@define-color pink #ea76cb;
@define-color flamingo #dd7878;
@define-color rosewater #dc8a78;
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/catppuccin-themes/mocha.css b/config/waybar/style/catppuccin-themes/mocha.css
index 7f4e3374..afca3216 100644
--- a/config/waybar/style/catppuccin-themes/mocha.css
+++ b/config/waybar/style/catppuccin-themes/mocha.css
@@ -36,3 +36,26 @@
@define-color flamingo #f2cdcd;
@define-color rosewater #f5e0dc;
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
diff --git a/config/waybar/style/catppuccin-themes/rgbmocha.css b/config/waybar/style/catppuccin-themes/rgbmocha.css
index 14b07c49..30498eba 100644
--- a/config/waybar/style/catppuccin-themes/rgbmocha.css
+++ b/config/waybar/style/catppuccin-themes/rgbmocha.css
@@ -47,3 +47,27 @@
border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
}
}
+
+/* --- tray readability override (global) --- */
+#tray > *,
+#tray > .passive,
+#tray > .active,
+#tray > .needs-attention {
+ background: rgba(137, 180, 250, 0.55);
+ border-radius: 8px;
+ border: 1px solid rgba(17, 17, 27, 0.35);
+ margin-left: 1px;
+ margin-right: 1px;
+ padding-left: 2px;
+ padding-right: 2px;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-effect: none;
+}
+
+#tray image {
+ background: transparent;
+ color: rgba(17, 17, 27, 0.98);
+ -gtk-icon-style: symbolic;
+ -gtk-icon-effect: none;
+ opacity: 1;
+}
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage