aboutsummaryrefslogtreecommitdiffstats
path: root/config/waybar
diff options
context:
space:
mode:
Diffstat (limited to 'config/waybar')
-rw-r--r--config/waybar/configs/[TOP] Default Laptop13
-rw-r--r--config/waybar/configs/[TOP] Default Laptop (old v5)60
-rw-r--r--config/waybar/style/Crystal Clear Glass.css243
-rw-r--r--config/waybar/style/ML4W Glass-3d.css325
-rw-r--r--config/waybar/style/ML4W Glass.css46
5 files changed, 638 insertions, 49 deletions
diff --git a/config/waybar/configs/[TOP] Default Laptop b/config/waybar/configs/[TOP] Default Laptop
index 0b264c6b..08a87244 100644
--- a/config/waybar/configs/[TOP] Default Laptop
+++ b/config/waybar/configs/[TOP] Default Laptop
@@ -26,20 +26,17 @@
"custom/cava_mviz",
"custom/separator#blank",
"custom/playerctl",
- "custom/separator#blank_2",
+ "custom/separator#blank",
"hyprland/window",
],
"modules-center": [
- "group/app_drawer",
"custom/separator#blank",
+ "group/app_drawer",
"group/notify",
- "custom/separator#dot-line",
"hyprland/workspaces#rw",
"clock",
- "custom/separator#dot-line",
"custom/weather",
- "custom/separator#dot-line",
"idle_inhibitor",
"custom/hint",
],
@@ -47,14 +44,10 @@
"modules-right": [
"tray",
"network#speed",
- "custom/separator#dot-line",
"group/laptop",
- "custom/separator#dot-line",
"group/mobo_drawer",
- "custom/separator#line",
"group/audio",
- "custom/separator#dot-line",
"custom/nightlight",
"group/status",
],
-} \ No newline at end of file
+}
diff --git a/config/waybar/configs/[TOP] Default Laptop (old v5) b/config/waybar/configs/[TOP] Default Laptop (old v5)
new file mode 100644
index 00000000..0b264c6b
--- /dev/null
+++ b/config/waybar/configs/[TOP] Default Laptop (old v5)
@@ -0,0 +1,60 @@
+/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
+
+// ### DEFAULT Laptop - Top ### //
+{
+"include": [
+ "$HOME/.config/waybar/Modules",
+ "$HOME/.config/waybar/ModulesWorkspaces",
+ "$HOME/.config/waybar/ModulesCustom",
+ "$HOME/.config/waybar/ModulesGroups",
+ "$HOME/.config/waybar/UserModules",
+ ],
+"layer": "top",
+//"mode": "dock",
+"exclusive": true,
+"passthrough": false,
+"position": "top",
+"spacing": 3,
+"fixed-center": true,
+"ipc": true,
+"margin-top": 3,
+"margin-left": 8,
+"margin-right": 8,
+
+"modules-left": [
+ "custom/separator#blank",
+ "custom/cava_mviz",
+ "custom/separator#blank",
+ "custom/playerctl",
+ "custom/separator#blank_2",
+ "hyprland/window",
+ ],
+
+"modules-center": [
+ "group/app_drawer",
+ "custom/separator#blank",
+ "group/notify",
+ "custom/separator#dot-line",
+ "hyprland/workspaces#rw",
+ "clock",
+ "custom/separator#dot-line",
+ "custom/weather",
+ "custom/separator#dot-line",
+ "idle_inhibitor",
+ "custom/hint",
+ ],
+
+"modules-right": [
+ "tray",
+ "network#speed",
+ "custom/separator#dot-line",
+ "group/laptop",
+ "custom/separator#dot-line",
+ "group/mobo_drawer",
+ "custom/separator#line",
+ "group/audio",
+ "custom/separator#dot-line",
+ "custom/nightlight",
+ "group/status",
+ ],
+} \ No newline at end of file
diff --git a/config/waybar/style/Crystal Clear Glass.css b/config/waybar/style/Crystal Clear Glass.css
new file mode 100644
index 00000000..a98567d4
--- /dev/null
+++ b/config/waybar/style/Crystal Clear Glass.css
@@ -0,0 +1,243 @@
+/* CRYSTAL CLEAR Glass theme for Waybar */
+
+/* SPDX-FileCopyrightText: 2026-present Ahum Maitra theahummaitra@gmail.com
+SPDX-License-Identifier: GPL-3.0-or-later */
+
+/*
+-----------------------------------------------------
+General
+-----------------------------------------------------
+*/
+
+* {
+ background-color: transparent;
+ font-family: "JetBrainsMono Nerd Font";
+ border: none;
+ font-weight: bolder;
+ border-radius: 0px;
+
+ /* Extra tweaks */
+ min-height: 0;
+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
+ font-size: 97%;
+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+ margin-top: 3px;
+ padding-bottom: 2px;
+}
+
+window#waybar {
+ background: transparent;
+}
+
+.modules-left {
+ border-radius: 12px;
+ border: 1px solid transparent;
+ opacity: 0.8;
+ padding: 0px;
+ margin: 10px;
+ background-color: rgba(255, 255, 255, 0.25);
+ box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.2);
+}
+
+.modules-right {
+ border-radius: 12px;
+ border: 1px solid transparent;
+ opacity: 0.8;
+ padding: 0px;
+ margin: 10px;
+ background-color: rgba(255, 255, 255, 0.25);
+ box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.3);
+}
+
+.modules-center {
+ border-radius: 12px;
+ border: 1px solid transparent;
+ opacity: 0.8;
+ margin: 10px;
+ background-color: rgba(255, 255, 255, 0.25);
+ box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.2);
+}
+
+label.module {
+ font-size: 14px;
+ margin-left: 8px;
+ margin-right: 8px;
+ border-radius: 5px;
+}
+
+label.module {
+ font-size: 14px;
+ padding: 3px 10px;
+ transition: all 0.3s ease-out;
+ border-radius: 10px;
+ border: 0px solid transparent;
+}
+
+label.module:hover {
+}
+
+/* -----------------------------------------------------
+ * Workspaces
+ * ----------------------------------------------------- */
+
+#workspaces {
+ padding: 5px 3px 5px 3px;
+ min-width: 176px;
+ font-weight: 600;
+}
+
+#workspaces button {
+ border-radius: 3px;
+ padding: 0px 5px 0px 5px;
+ margin: 0px 2px 0px 2px;
+ transition: all 0.3s ease-in-out;
+ border: 1px solid transparent;
+}
+
+#workspaces button.active {
+ background-color: rgba(255, 255, 255, 0.35);
+
+ border: 1px solid transparent;
+ transition: all 0.3s ease-in-out;
+ min-width: 30px;
+ border-radius: 8px;
+ box-shadow:
+ inset 1px 2px 2px rgba(255, 255, 255, 0.5),
+ inset 0 1px 1px rgba(255, 255, 255, 0.8);
+}
+
+#workspaces button:hover {
+ background-color: rgba(255, 255, 255, 0.2);
+ border-radius: 15px;
+}
+
+/* -----------------------------------------------------
+ * Tooltips
+ * ----------------------------------------------------- */
+
+tooltip {
+ border-radius: 12px;
+ border: 1px solid transparent;
+ opacity: 0.7;
+ margin: 10px;
+}
+
+/* -----------------------------------------------------
+ * Window
+ * ----------------------------------------------------- */
+
+#window {
+ background-color: transparent;
+ padding-right: 12px;
+}
+
+window#waybar.empty #window {
+ background-color: transparent;
+}
+
+/* -----------------------------------------------------
+ * Taskbar
+ * ----------------------------------------------------- */
+
+#taskbar {
+ padding: 5px 0px 5px 0px;
+}
+
+#taskbar button {
+ border-radius: 6px;
+ padding: 0px 5px 0px 5px;
+}
+
+
+#custom-updates.yellow {
+ border-radius: 8px;
+ margin: 5px 0px 5px 5px;
+ padding: 0px 6px 0px 6px;
+}
+
+#custom-updates.red {
+ border-radius: 8px;
+ margin: 6px 0px 6px 7px;
+ padding: 0px 6px 0px 6px;
+}
+
+/* -----------------------------------------------------
+ * Clock
+ * ----------------------------------------------------- */
+
+#clock {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+@keyframes blink {
+ to {
+ background-color: #ffffff;
+ color: #ffffff;
+ }
+}
+
+#battery.critical:not(.charging) {
+ background-color: transparent;
+}
+
+#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-dot_update,
+#custom-file_manager,
+#custom-keybinds,
+#custom-keyboard,
+#custom-light_dark,
+#custom-lock,
+#custom-hint,
+#custom-hypridle,
+#custom-menu,
+#custom-playerctl,
+#custom-power_vertical,
+#custom-power,
+#custom-quit,
+#custom-reboot,
+#custom-settings,
+#custom-spotify,
+#custom-swaync,
+#custom-tty,
+#custom-updater,
+#custom-hyprpicker,
+#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 {
+ background-color: transparent;
+}
diff --git a/config/waybar/style/ML4W Glass-3d.css b/config/waybar/style/ML4W Glass-3d.css
new file mode 100644
index 00000000..bba95214
--- /dev/null
+++ b/config/waybar/style/ML4W Glass-3d.css
@@ -0,0 +1,325 @@
+/* ML4W GLASS THEME */
+
+/* SPDX-FileCopyrightText: 2026-present Ahum Maitra theahummaitra@gmail.com
+SPDX-License-Identifier: GPL-3.0-or-later */
+
+/*
+-----------------------------------------------------
+General
+-----------------------------------------------------
+*/
+
+* {
+ background-color: transparent;
+ font-family: "JetBrainsMono Nerd Font";
+ border: none;
+ font-weight: bolder;
+ border-radius: 0px;
+
+ /* Extra tweaks */
+ min-height: 0;
+ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
+ font-size: 97%;
+ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+ margin-top: 3px;
+ padding-bottom: 2px;
+}
+
+@import "style/ML4W/glass.css";
+/* Soft-neutral override: keeps glass gradients but avoids red-dominant palettes */
+@define-color surface @background-alt;
+@define-color surface_dim @background;
+@define-color primary @foreground;
+@define-color on_primary @background;
+@define-color on_primary_fixed @background;
+@define-color on_primary_fixed_variant @foreground;
+@define-color secondary @foreground;
+@define-color on_secondary @background;
+@define-color on_tertiary_fixed @background;
+@define-color on_tertiary_fixed_variant @foreground;
+@define-color error @foreground;
+@define-color on_error @background;
+@define-color accent @color12; /* wallust primary for subtle highlights */
+
+window#waybar {
+ background: transparent;
+ border: 0;
+ outline: none;
+}
+
+.modules-left {
+ background-color: @surface;
+ border-radius: 12px;
+ background:
+ radial-gradient(
+ circle at 50% 250%,
+ alpha(darker(@surface), 0.9),
+ alpha(@surface_dim, 0.9)
+ )
+ padding-box,
+ linear-gradient(@primary, @on_primary) border-box;
+ border: 1px solid transparent;
+ opacity: 0.8;
+ padding: 0px;
+ margin: 10px;
+ box-shadow:
+ inset 0 -2px 0 alpha(@accent, 0.45),
+ inset 1px 2px 2px rgba(255, 255, 255, 0.2);
+}
+
+.modules-right {
+ background-color: @surface;
+ border-radius: 12px;
+ background:
+ radial-gradient(
+ circle at 50% 250%,
+ alpha(darker(@surface), 0.9),
+ alpha(@surface_dim, 0.9)
+ )
+ padding-box,
+ linear-gradient(@primary, @on_primary) border-box;
+ border: 1px solid transparent;
+ opacity: 0.8;
+ padding: 0px;
+ margin: 10px;
+ box-shadow:
+ inset 0 -2px 0 alpha(@accent, 0.45),
+ inset 1px 2px 2px rgba(255, 255, 255, 0.3);
+}
+
+.modules-center {
+ background-color: @surface;
+ border-radius: 12px;
+ background:
+ radial-gradient(
+ circle at 50% 250%,
+ alpha(darker(@surface), 0.9),
+ alpha(@surface_dim, 0.9)
+ )
+ padding-box,
+ linear-gradient(@primary, @on_primary) border-box;
+ border: 1px solid transparent;
+ opacity: 0.8;
+ margin: 10px;
+ box-shadow:
+ inset 0 -2px 0 alpha(@accent, 0.45),
+ inset 0px 2px 2px rgba(255, 255, 255, 0.2);
+}
+
+label.module {
+ font-size: 14px;
+ margin-left: 8px;
+ margin-right: 8px;
+ border-radius: 5px;
+}
+
+label.module {
+ font-size: 14px;
+ color: @on_surface;
+ padding: 3px 10px;
+ transition: all 0.3s ease-out;
+ background:
+ radial-gradient(
+ circle at 50% 250%,
+ @on_tertiary_fixed_variant,
+ @on_tertiary_fixed
+ )
+ padding-box,
+ linear-gradient(@on_primary_fixed_variant, @on_primary_fixed) border-box;
+ border-radius: 10px;
+ border: 0px solid transparent;
+}
+
+label.module:hover {
+}
+
+/* -----------------------------------------------------
+ * Workspaces
+ * ----------------------------------------------------- */
+
+#workspaces {
+ padding: 5px 3px 5px 3px;
+ min-width: 176px;
+ font-weight: 600;
+}
+
+#workspaces button {
+ color: @on_surface;
+ border-radius: 3px;
+ padding: 0px 5px 0px 5px;
+ margin: 0px 2px 0px 2px;
+ transition: all 0.3s ease-in-out;
+ border: 1px solid transparent;
+}
+
+#workspaces button.active {
+ background: alpha(@accent, 0.20);
+ border: 1px solid transparent;
+ transition: all 0.3s ease-in-out;
+ min-width: 30px;
+ border-radius: 8px;
+ box-shadow:
+ inset 0 -3px 0 alpha(@accent, 0.8),
+ inset 1px 2px 2px rgba(255, 255, 255, 0.45),
+ inset 0 1px 1px rgba(255, 255, 255, 0.7);
+}
+
+#workspaces button:hover {
+ background: alpha(@secondary, 0.2);
+ border-radius: 15px;
+}
+
+/* -----------------------------------------------------
+ * Tooltips
+ * ----------------------------------------------------- */
+
+tooltip {
+ background-color: @surface;
+ border-radius: 12px;
+ background:
+ radial-gradient(circle at 50% 250%, @surface, @surface_dim) padding-box,
+ linear-gradient(#ffffff, @on_primary) border-box;
+ border: 1px solid transparent;
+ opacity: 0.7;
+ margin: 10px;
+}
+
+tooltip label {
+ color: @on_surface;
+}
+
+/* -----------------------------------------------------
+ * Window
+ * ----------------------------------------------------- */
+
+#window {
+ background-color: transparent;
+ /* Override global margin/padding so the window pill hugs the bar edges */
+ margin: 0;
+ padding: 0;
+}
+
+window#waybar.empty #window {
+ background-color: transparent;
+}
+
+/* Tighter content padding specifically for the window title */
+#window label {
+ margin: 0;
+ padding: 4px 10px;
+}
+
+/* -----------------------------------------------------
+ * Taskbar
+ * ----------------------------------------------------- */
+
+#taskbar {
+ padding: 5px 0px 5px 0px;
+}
+
+#taskbar button {
+ border-radius: 6px;
+ padding: 0px 5px 0px 5px;
+}
+
+#taskbar button:hover {
+ background: @primary;
+ color: @on_primary;
+}
+
+#custom-updates.yellow {
+ border-radius: 8px;
+ margin: 5px 0px 5px 5px;
+ padding: 0px 6px 0px 6px;
+ background-color: @secondary;
+ color: @on_secondary;
+}
+
+#custom-updates.red {
+ border-radius: 8px;
+ margin: 6px 0px 6px 7px;
+ padding: 0px 6px 0px 6px;
+ background-color: @error;
+ color: @on_error;
+}
+
+/* -----------------------------------------------------
+ * Clock
+ * ----------------------------------------------------- */
+
+#clock {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+@keyframes blink {
+ to {
+ background-color: @background;
+ color: @on_surface;
+ }
+}
+
+#battery.critical:not(.charging) {
+ background-color: transparent;
+}
+
+#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-dot_update,
+#custom-file_manager,
+#custom-keybinds,
+#custom-keyboard,
+#custom-light_dark,
+#custom-lock,
+#custom-hint,
+#custom-hypridle,
+#custom-menu,
+#custom-playerctl,
+#custom-power_vertical,
+#custom-power,
+#custom-quit,
+#custom-reboot,
+#custom-settings,
+#custom-spotify,
+#custom-swaync,
+#custom-tty,
+#custom-updater,
+#custom-hyprpicker,
+#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 {
+ background-color: transparent;
+}
diff --git a/config/waybar/style/ML4W Glass.css b/config/waybar/style/ML4W Glass.css
index bba95214..c02520bd 100644
--- a/config/waybar/style/ML4W Glass.css
+++ b/config/waybar/style/ML4W Glass.css
@@ -1,4 +1,4 @@
-/* ML4W GLASS THEME */
+/* ML4W GLASS THEME - CRYSTAL CLEAR */
/* SPDX-FileCopyrightText: 2026-present Ahum Maitra theahummaitra@gmail.com
SPDX-License-Identifier: GPL-3.0-or-later */
@@ -26,25 +26,9 @@ General
}
@import "style/ML4W/glass.css";
-/* Soft-neutral override: keeps glass gradients but avoids red-dominant palettes */
-@define-color surface @background-alt;
-@define-color surface_dim @background;
-@define-color primary @foreground;
-@define-color on_primary @background;
-@define-color on_primary_fixed @background;
-@define-color on_primary_fixed_variant @foreground;
-@define-color secondary @foreground;
-@define-color on_secondary @background;
-@define-color on_tertiary_fixed @background;
-@define-color on_tertiary_fixed_variant @foreground;
-@define-color error @foreground;
-@define-color on_error @background;
-@define-color accent @color12; /* wallust primary for subtle highlights */
window#waybar {
background: transparent;
- border: 0;
- outline: none;
}
.modules-left {
@@ -62,9 +46,7 @@ window#waybar {
opacity: 0.8;
padding: 0px;
margin: 10px;
- box-shadow:
- inset 0 -2px 0 alpha(@accent, 0.45),
- inset 1px 2px 2px rgba(255, 255, 255, 0.2);
+ box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.2);
}
.modules-right {
@@ -82,9 +64,7 @@ window#waybar {
opacity: 0.8;
padding: 0px;
margin: 10px;
- box-shadow:
- inset 0 -2px 0 alpha(@accent, 0.45),
- inset 1px 2px 2px rgba(255, 255, 255, 0.3);
+ box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.3);
}
.modules-center {
@@ -101,9 +81,7 @@ window#waybar {
border: 1px solid transparent;
opacity: 0.8;
margin: 10px;
- box-shadow:
- inset 0 -2px 0 alpha(@accent, 0.45),
- inset 0px 2px 2px rgba(255, 255, 255, 0.2);
+ box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.2);
}
label.module {
@@ -153,15 +131,14 @@ label.module:hover {
}
#workspaces button.active {
- background: alpha(@accent, 0.20);
+ background: alpha(@primary, 0.2);
border: 1px solid transparent;
transition: all 0.3s ease-in-out;
min-width: 30px;
border-radius: 8px;
box-shadow:
- inset 0 -3px 0 alpha(@accent, 0.8),
- inset 1px 2px 2px rgba(255, 255, 255, 0.45),
- inset 0 1px 1px rgba(255, 255, 255, 0.7);
+ inset 1px 2px 2px rgba(255, 255, 255, 0.5),
+ inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
#workspaces button:hover {
@@ -194,21 +171,12 @@ tooltip label {
#window {
background-color: transparent;
- /* Override global margin/padding so the window pill hugs the bar edges */
- margin: 0;
- padding: 0;
}
window#waybar.empty #window {
background-color: transparent;
}
-/* Tighter content padding specifically for the window title */
-#window label {
- margin: 0;
- padding: 4px 10px;
-}
-
/* -----------------------------------------------------
* Taskbar
* ----------------------------------------------------- */
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage