From d36bab863c2b850c588a1d27b296aa222549a49e Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Sun, 19 May 2024 17:22:57 +0900 Subject: small waybar css styles tweaking --- config/waybar/style/[Dark] Half-Moon.css | 1 + .../waybar/style/[Dark] Latte-Wallust combined.css | 91 ++++++++++++---------- config/waybar/style/[Extra] Mauve.css | 2 +- 3 files changed, 54 insertions(+), 40 deletions(-) (limited to 'config/waybar') diff --git a/config/waybar/style/[Dark] Half-Moon.css b/config/waybar/style/[Dark] Half-Moon.css index 5bb872a0..5ae593bd 100644 --- a/config/waybar/style/[Dark] Half-Moon.css +++ b/config/waybar/style/[Dark] Half-Moon.css @@ -235,6 +235,7 @@ color: #F3F4F5; padding: 2px 15px; } +#custom-power_vertical, #keyboard-state { color: green; background: #0F1419; diff --git a/config/waybar/style/[Dark] Latte-Wallust combined.css b/config/waybar/style/[Dark] Latte-Wallust combined.css index ad8d1b7f..65afbb51 100644 --- a/config/waybar/style/[Dark] Latte-Wallust combined.css +++ b/config/waybar/style/[Dark] Latte-Wallust combined.css @@ -97,53 +97,66 @@ tooltip { padding-left: 4px; } +#taskbar, #workspaces { - padding: 0px 1px; - border-radius: 15px; - border:2px solid @border-color; - font-weight: bold; - font-style: normal; - opacity:0.8; - color:#FFFFFF; -} -#workspaces button { - color: #6E6A86; - box-shadow: none; - text-shadow: none; - border-radius: 30px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.active { - color: #ffd700; - border-radius: 50%; - background-color: black; - border-radius: 15px 15px 15px 15px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background: #0F1419; + padding: 0px 1px; + border-radius: 15px; + border: 0px; + font-style: normal; + color: #0F1419; } -#workspaces button.focused { - color: #d8dee9; +#taskbar button, +#workspaces button { + padding: 0px 5px; + border-radius: 15px; + border: 0px; + color: #0F1419; + background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); + opacity: 0.5; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } -#workspaces button.urgent { - color: #11111b; - border-radius: 10px; +#taskbar button.active, +#workspaces button.active { + padding: 0px 5px; + border-radius: 15px; + border: 0px; + color: #0F1419; + background: linear-gradient(45deg, #59C2FF, #D2A6FF); + opacity: 1.0; + min-width: 40px; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #workspaces button:hover { - color: #ffd700; - border-radius: 10px; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + border-radius: 15px; + color: #0F1419; + background: linear-gradient(45deg, #59C2FF, #D2A6FF); + opacity: 0.8; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + +} +@keyframes gradient_horizontal { +0% { + background-position: 0% 50%; + } +50% { + background-position: 100% 50%; + } +100% { + background-position: 0% 50%; + } +} + +@keyframes swiping { +0% { + background-position: 0% 200%; + } +100% { + background-position: 200% 200%; + } } #clock#2 { diff --git a/config/waybar/style/[Extra] Mauve.css b/config/waybar/style/[Extra] Mauve.css index 685025fc..448932c2 100644 --- a/config/waybar/style/[Extra] Mauve.css +++ b/config/waybar/style/[Extra] Mauve.css @@ -5,7 +5,7 @@ /* --- 👍 designed by https://github.com/CelestiaKai 👍 --- */ * { - font-family: "FiraCode Mono Nerd Font"; + font-family: "JetBrainsMono Nerd Font"; font-weight: bold; min-height: 0; /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ -- cgit v1.2.3 From 9a5fa868105d459da9dd6323accf7f7c50589dd7 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Mon, 20 May 2024 10:49:22 +0900 Subject: reverted Latte-Wallust combined waybar css.. as it looks better --- .../waybar/style/[Dark] Latte-Wallust combined.css | 91 ++++++++++------------ 1 file changed, 39 insertions(+), 52 deletions(-) (limited to 'config/waybar') diff --git a/config/waybar/style/[Dark] Latte-Wallust combined.css b/config/waybar/style/[Dark] Latte-Wallust combined.css index 65afbb51..ad8d1b7f 100644 --- a/config/waybar/style/[Dark] Latte-Wallust combined.css +++ b/config/waybar/style/[Dark] Latte-Wallust combined.css @@ -97,66 +97,53 @@ tooltip { padding-left: 4px; } -#taskbar, #workspaces { - background: #0F1419; - padding: 0px 1px; - border-radius: 15px; - border: 0px; - font-style: normal; - color: #0F1419; -} - -#taskbar button, + padding: 0px 1px; + border-radius: 15px; + border:2px solid @border-color; + font-weight: bold; + font-style: normal; + opacity:0.8; + color:#FFFFFF; +} #workspaces button { - padding: 0px 5px; - border-radius: 15px; - border: 0px; - color: #0F1419; - background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); - opacity: 0.5; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #6E6A86; + box-shadow: none; + text-shadow: none; + border-radius: 30px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); } -#taskbar button.active, #workspaces button.active { - padding: 0px 5px; - border-radius: 15px; - border: 0px; - color: #0F1419; - background: linear-gradient(45deg, #59C2FF, #D2A6FF); - opacity: 1.0; - min-width: 40px; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #ffd700; + border-radius: 50%; + background-color: black; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; } #workspaces button:hover { - border-radius: 15px; - color: #0F1419; - background: linear-gradient(45deg, #59C2FF, #D2A6FF); - opacity: 0.8; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); - -} -@keyframes gradient_horizontal { -0% { - background-position: 0% 50%; - } -50% { - background-position: 100% 50%; - } -100% { - background-position: 0% 50%; - } -} - -@keyframes swiping { -0% { - background-position: 0% 200%; - } -100% { - background-position: 200% 200%; - } + color: #ffd700; + border-radius: 10px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #clock#2 { -- cgit v1.2.3 From 7b99ec35d9f7f6d476b88608e30569bc4da2278d Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Mon, 20 May 2024 12:53:55 +0900 Subject: tweak waybar config - sleek --- config/waybar/configs/[BOT] Sleek | 24 ++++++++++++++++-------- config/waybar/configs/[TOP] Sleek | 18 ++++++++++-------- 2 files changed, 26 insertions(+), 16 deletions(-) (limited to 'config/waybar') diff --git a/config/waybar/configs/[BOT] Sleek b/config/waybar/configs/[BOT] Sleek index 10b62db6..b1cfc1ae 100644 --- a/config/waybar/configs/[BOT] Sleek +++ b/config/waybar/configs/[BOT] Sleek @@ -14,23 +14,31 @@ "modules-left": [ "custom/menu", "custom/separator#blank_2", - "mpris", - "hyprland/window" + "hyprland/workspaces", + "custom/separator#blank_2", + "mpris", + "tray" ], -"modules-center": [ - "hyprland/workspaces" +"modules-center": [ + "idle_inhibitor", + "custom/separator#blank", + "clock", + "custom/separator#blank", + "custom/swaync" ], "modules-right": [ - "tray", - "custom/swaync", + "hyprland/window", + "custom/separator#blank", + "custom/separator#blank", "pulseaudio", - "clock", - "custom/power" + "custom/separator#blank", + "custom/power", ], + // Additional format / customize modules "custom/power": { diff --git a/config/waybar/configs/[TOP] Sleek b/config/waybar/configs/[TOP] Sleek index dbd8a7e0..fda6aca2 100644 --- a/config/waybar/configs/[TOP] Sleek +++ b/config/waybar/configs/[TOP] Sleek @@ -13,21 +13,23 @@ "modules-left": [ "custom/menu", "custom/separator#blank_2", - "clock", + "hyprland/workspaces", "custom/separator#blank_2", - "hyprland/window" + "mpris", + "tray" ], -"modules-center": [ - "hyprland/workspaces" +"modules-center": [ + "idle_inhibitor", + "custom/separator#blank", + "clock", + "custom/separator#blank", + "custom/swaync" ], "modules-right": [ - "custom/swaync", - "custom/separator#blank", - "tray", + "hyprland/window", "custom/separator#blank", - "mpris", "custom/separator#blank", "pulseaudio", "custom/separator#blank", -- cgit v1.2.3 From ae5e6c3f2a6b68f210ab698e2683ee900b2d3e7f Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Thu, 23 May 2024 16:22:02 +0900 Subject: Added workspace#rw on waybar module bank Edited Top and Bot waybar Added TOP Simple waybar config Added Waybar Style - Wallust Bordered --- config/waybar/configs/[TOP & BOT] SummitSplit | 14 +- config/waybar/configs/[TOP] Simple | 35 +++ config/waybar/modules | 46 +++- config/waybar/style/[Extra] Wallust Bordered.css | 305 +++++++++++++++++++++++ 4 files changed, 391 insertions(+), 9 deletions(-) create mode 100644 config/waybar/configs/[TOP] Simple create mode 100644 config/waybar/style/[Extra] Wallust Bordered.css (limited to 'config/waybar') diff --git a/config/waybar/configs/[TOP & BOT] SummitSplit b/config/waybar/configs/[TOP & BOT] SummitSplit index 62cb449d..6e9cac28 100644 --- a/config/waybar/configs/[TOP & BOT] SummitSplit +++ b/config/waybar/configs/[TOP & BOT] SummitSplit @@ -24,8 +24,8 @@ ], "modules-center": [ - "idle_inhibitor", - "hyprland/workspaces#4", + "idle_inhibitor", + "clock", "custom/light_dark", ], @@ -35,7 +35,7 @@ "backlight", "bluetooth", "network", - //"custom/updater", + "custom/updater", "custom/cycle_wall", "custom/lock", ], @@ -54,6 +54,7 @@ "height": 0, "margin-left": 8, "margin-right": 8, +//"gtk-layer-shell": true, //"margin-bottom": 0, "modules-left": [ @@ -62,7 +63,7 @@ ], "modules-center": [ - "clock", + "hyprland/workspaces#rw", ], "modules-right": [ @@ -75,6 +76,5 @@ //"wireplumber", "pulseaudio#microphone", "custom/power", - ], - -}] \ No newline at end of file + ], +}], diff --git a/config/waybar/configs/[TOP] Simple b/config/waybar/configs/[TOP] Simple new file mode 100644 index 00000000..505ea63f --- /dev/null +++ b/config/waybar/configs/[TOP] Simple @@ -0,0 +1,35 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +// ### TOP Simple ## // + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"gtk-layer-shell": true, +"margin-left": 6, +"margin-right": 6, +"margin-top": 2, + +"modules-left": [ + "idle_inhibitor", + "hyprland/workspaces#rw", + "mpris", + "hyprland/window" + ], + +"modules-center": [ + "clock#2" + ], + +"modules-right": [ + "tray", + "battery", + "pulseaudio", + "pulseaudio#microphone", + "custom/power", + ], +} + diff --git a/config/waybar/modules b/config/waybar/modules index 93c7f3c1..c1f46871 100644 --- a/config/waybar/modules +++ b/config/waybar/modules @@ -126,6 +126,40 @@ "default": "", }, }, +// NUMBERS and ICONS style with window rewrite +"hyprland/workspaces#rw": { + "disable-scroll": true, + "all-outputs": true, + "warp-on-scroll": false, + "sort-by-number": true, + "show-special": true, + "on-click": "activate", + "on-scroll-up": "hyprctl dispatch workspace e+1", + "on-scroll-down": "hyprctl dispatch workspace e-1", + "format": "{icon} {windows}", + "format-window-separator": " ", + "window-rewrite-default": " ", + "window-rewrite": { + "title<.*youtube.*>": " ", + "title<.*amazon.*>": " ", + "title<.*reddit.*>": " ", + "title<.*Picture-in-Picture.*>": " ", + "class": " ", + "class": " ", + "class": " ", + "class": "󰝰 ", + "class": " ", + "class": "󰅳 ", + "class": " ", + "class": "󰎆 ", + "class": "󰨞 ", + "class": "󰨞 ", + "class": "󰅩 ", + "class": " ", + "class": " ", + "class": "󰏆 " + } +}, // GROUP "group/motherboard": { "orientation": "horizontal", @@ -241,6 +275,13 @@ "on-scroll-up": "shift_up", "on-scroll-down": "shift_down" }, +"clock#2": { + // "timezone": "America/New_York", + //"format": " {:%I:%M %p}", // AM PM format + "format": " {:%H:%M}", + "format-alt": "{:%A | %H:%M | %e %B}", + "tooltip-format": "{:%Y %B}\n{calendar}" +}, "cpu": { "format": "{usage}% 󰍛", "interval": 1, @@ -273,7 +314,7 @@ }, "hyprland/window": { "format": "{}", - "max-length": 40, + "max-length": 20, "separate-outputs": true, "offscreen-css": true, "offscreen-css-text": "(inactive)", @@ -354,7 +395,8 @@ "max-length": 50, "format-icons": [ "󰤯", "󰤟", "󰤢", "󰤥", "󰤨" - ] + ], + "on-click-right": "kitty nmtui" }, "network#speed": { "interval": 1, diff --git a/config/waybar/style/[Extra] Wallust Bordered.css b/config/waybar/style/[Extra] Wallust Bordered.css new file mode 100644 index 00000000..89f675d9 --- /dev/null +++ b/config/waybar/style/[Extra] Wallust Bordered.css @@ -0,0 +1,305 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* Wallust Bordered*/ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + min-height: 0; +} + +window#waybar { + background-color: transparent; + color: @foreground; + padding-left: 15px; + padding-right: 15px; +} + +window#waybar.empty #window { + background-color: transparent; + border-color: transparent; + padding-left: 15px; + padding-right: 15px; +} + +tooltip { + background-color: transparent; + color: @color12; + border-radius: 10px; + border-width: 1.5px; + border-style: solid; + border-color: @color9; + transition: 0.3s; + opacity: 0.9; +} + +#workspaces button { + color: @forground; + box-shadow: none; + text-shadow: none; + padding-right: 12px; + border-radius: 9px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active, +#workspaces button.active { + color: @color12; + padding-right: 12px; + background-color: @background;; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: @color9; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#taskbar button:hover, +#workspaces button:hover { + color: @color11; + padding-left: 0px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + border-radius: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color12; +} + +#cpu { + border: 2px solid @color5; +} + +#disk { + color: @color13; + border: 2px solid @color13; +} + +#temperature{ + color: @color11; + border: 2px solid @color11; +} + +#temperature.critical { + color: #eba0ac; +} + +#custom-power { + color: red; + padding-left: 10px; + padding-right: 2px; + border: 2px solid red; +} + +#backlight { + color: #f9e2af; + padding-right: 5px; +} + +#tray { + border-radius: 20px; + margin-right: 5px; +/* padding: 0px 4px; */ + padding-left: 15px; + padding-right: 15px; + border: 2px solid @color7; +} + +#mpris { + padding-left: 15px; +} +#tray.empty { + background-color: transparent; + border-color: transparent; + border: 0px; +} + +#workspaces { + margin-left: 5px; + padding-right: 0px; + padding-left: 5px; + border: 2px solid @color8; +} + +#window { + margin-left: 5px; + margin-right: 5px; + border: 2px solid @color9; +} + +#clock { + border-radius: 20px; + color: #fab387; + margin-left: 5px; + border-right: 0px; + transition: 0.3s; + padding-right: 13px; + padding-left: 13px; + border: 2px solid @color12; +} + +#network { + color: #a6adc8; + padding-right: 12px; + padding-left: 5px; + border: 2px solid @color10; +} + +#network.disconnected { + color: #f5c2e7; + border-left: 2px solid #a6e3a1; + border-top: 2px solid #a6e3a1; + border-right: 0px; + border-bottom: 2px solid @color10; +} + +#bluetooth { + color: #b4befe; + margin-right: 10px +} + +#pulseaudio.microphone, +#pulseaudio { + color: #89b4fa; + border: 2px solid @color13; +} + +#pulseaudio.muted { + color: #f38ba8; + padding-right: 20px; +} + +#battery { + color: #a6e3a1; + margin-right: 5px; + padding-right: 15px; + border: 2px solid @color14; +} + + +#battery.good { + color: #ffd57a; + border: 2px solid @color15; +} + +#battery.warning { + color: #fab387; + border-left: 0px; + border: 2px solid @color12; +} + +#battery.charging { + color: #a6e3a1; +} + +#battery.critical { + color: #f38ba8; + border-left: 0px; + border: 2px solid @color8; +} + +#custom-weather { + color: #8eacf3; + border-right: 0px; + margin-left: 0px; + margin-right: 5px; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} -- cgit v1.2.3 From 8217dd247d10064a32ec83eeadf3dc2176d31980 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Thu, 23 May 2024 18:39:14 +0900 Subject: Updated waybar style --- config/waybar/style/[Extra] Wallust Bordered.css | 305 -------------------- .../style/[Wallust Bordered] Chroma Simple.css | 306 +++++++++++++++++++++ 2 files changed, 306 insertions(+), 305 deletions(-) delete mode 100644 config/waybar/style/[Extra] Wallust Bordered.css create mode 100644 config/waybar/style/[Wallust Bordered] Chroma Simple.css (limited to 'config/waybar') diff --git a/config/waybar/style/[Extra] Wallust Bordered.css b/config/waybar/style/[Extra] Wallust Bordered.css deleted file mode 100644 index 89f675d9..00000000 --- a/config/waybar/style/[Extra] Wallust Bordered.css +++ /dev/null @@ -1,305 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* Wallust Bordered*/ - -@import '../../.config/waybar/wallust/colors-waybar.css'; - - -* { - font-family: "JetBrainsMono Nerd Font"; - font-weight: bold; - /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ - font-size: 97%; - min-height: 0; -} - -window#waybar { - background-color: transparent; - color: @foreground; - padding-left: 15px; - padding-right: 15px; -} - -window#waybar.empty #window { - background-color: transparent; - border-color: transparent; - padding-left: 15px; - padding-right: 15px; -} - -tooltip { - background-color: transparent; - color: @color12; - border-radius: 10px; - border-width: 1.5px; - border-style: solid; - border-color: @color9; - transition: 0.3s; - opacity: 0.9; -} - -#workspaces button { - color: @forground; - box-shadow: none; - text-shadow: none; - padding-right: 12px; - border-radius: 9px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button.active, -#workspaces button.active { - color: @color12; - padding-right: 12px; - background-color: @background;; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.focused { - color: @color9; -} - -#workspaces button.urgent { - color: #11111b; - border-radius: 10px; -} - -#taskbar button:hover, -#workspaces button:hover { - color: @color11; - padding-left: 0px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#network, -#pulseaudio, -#pulseaudio-slider, -#taskbar, -#temperature, -#tray, -#window, -#wireplumber, -#workspaces, -#custom-backlight, -#custom-cava_mviz, -#custom-cycle_wall, -#custom-hint, -#custom-keyboard, -#custom-light_dark, -#custom-lock, -#custom-menu, -#custom-power_vertical, -#custom-power, -#custom-swaync, -#custom-updater, -#custom-weather, -#custom-weather.clearNight, -#custom-weather.cloudyFoggyDay, -#custom-weather.cloudyFoggyNight, -#custom-weather.default, -#custom-weather.rainyDay, -#custom-weather.rainyNight, -#custom-weather.severe, -#custom-weather.showyIcyDay, -#custom-weather.snowyIcyNight, -#custom-weather.sunnyDay { - border-radius: 20px; - background: @background; - opacity: 1; - padding: 0px 10px; - margin: 0; - margin-top: 5px; - border: 2px solid @color12; -} - -#cpu { - border: 2px solid @color5; -} - -#disk { - color: @color13; - border: 2px solid @color13; -} - -#temperature{ - color: @color11; - border: 2px solid @color11; -} - -#temperature.critical { - color: #eba0ac; -} - -#custom-power { - color: red; - padding-left: 10px; - padding-right: 2px; - border: 2px solid red; -} - -#backlight { - color: #f9e2af; - padding-right: 5px; -} - -#tray { - border-radius: 20px; - margin-right: 5px; -/* padding: 0px 4px; */ - padding-left: 15px; - padding-right: 15px; - border: 2px solid @color7; -} - -#mpris { - padding-left: 15px; -} -#tray.empty { - background-color: transparent; - border-color: transparent; - border: 0px; -} - -#workspaces { - margin-left: 5px; - padding-right: 0px; - padding-left: 5px; - border: 2px solid @color8; -} - -#window { - margin-left: 5px; - margin-right: 5px; - border: 2px solid @color9; -} - -#clock { - border-radius: 20px; - color: #fab387; - margin-left: 5px; - border-right: 0px; - transition: 0.3s; - padding-right: 13px; - padding-left: 13px; - border: 2px solid @color12; -} - -#network { - color: #a6adc8; - padding-right: 12px; - padding-left: 5px; - border: 2px solid @color10; -} - -#network.disconnected { - color: #f5c2e7; - border-left: 2px solid #a6e3a1; - border-top: 2px solid #a6e3a1; - border-right: 0px; - border-bottom: 2px solid @color10; -} - -#bluetooth { - color: #b4befe; - margin-right: 10px -} - -#pulseaudio.microphone, -#pulseaudio { - color: #89b4fa; - border: 2px solid @color13; -} - -#pulseaudio.muted { - color: #f38ba8; - padding-right: 20px; -} - -#battery { - color: #a6e3a1; - margin-right: 5px; - padding-right: 15px; - border: 2px solid @color14; -} - - -#battery.good { - color: #ffd57a; - border: 2px solid @color15; -} - -#battery.warning { - color: #fab387; - border-left: 0px; - border: 2px solid @color12; -} - -#battery.charging { - color: #a6e3a1; -} - -#battery.critical { - color: #f38ba8; - border-left: 0px; - border: 2px solid @color8; -} - -#custom-weather { - color: #8eacf3; - border-right: 0px; - margin-left: 0px; - margin-right: 5px; -} - -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} - -#backlight-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough { - min-width: 80px; - min-height: 10px; - border-radius: 5px; -} - -#backlight-slider highlight { - min-width: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Wallust Bordered] Chroma Simple.css b/config/waybar/style/[Wallust Bordered] Chroma Simple.css new file mode 100644 index 00000000..9475f417 --- /dev/null +++ b/config/waybar/style/[Wallust Bordered] Chroma Simple.css @@ -0,0 +1,306 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* Wallust Bordered*/ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + min-height: 0; +} + +window#waybar { + background-color: transparent; + color: @foreground; + padding-left: 15px; + padding-right: 15px; +} + +window#waybar.empty #window { + background-color: transparent; + border-color: transparent; + padding-left: 15px; + padding-right: 15px; +} + +tooltip { + background-color: transparent; + color: @color12; + border-radius: 10px; + border-width: 1.5px; + border-style: solid; + border-color: @color9; + transition: 0.3s; + opacity: 0.9; +} + +#workspaces { + border-radius: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color12; +} + +#workspaces button { + color: @color10; + box-shadow: none; + text-shadow: none; + padding-right: 12px; + border-radius: 9px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active, +#workspaces button.active { + color: @color12; + padding-right: 12px; + background-color: @background; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#taskbar button:hover, +#workspaces button:hover { + color: @color12; + padding-left: 0px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + border-radius: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color13; +} + +#cpu { + border: 2px solid @color5; + color: @color12; +} + +#memory { + color: @color10; +} + +#disk { + color: @color13; + border: 2px solid @color13; +} + +#temperature{ + color: @color11; +} + +#temperature.critical { + color: red; + border: 2px solid red; +} + +#custom-power { + color: red; + padding-left: 10px; + padding-right: 2px; + border: 2px solid red; +} + +#backlight { + color: #f9e2af; + padding-right: 5px; +} + +#tray { + border-radius: 20px; + margin-right: 5px; +/* padding: 0px 4px; */ + padding-left: 15px; + padding-right: 15px; + border: 2px solid @color7; +} + +#mpris { + padding-left: 15px; +} +#tray.empty { + background-color: transparent; + border-color: transparent; + border: 0px; +} + +#window { + margin-left: 5px; + margin-right: 5px; + border: 2px solid @color9; +} + +#clock { + color: #fab387; +} + +#network { + color: #a6adc8; + padding-right: 12px; + padding-left: 5px; + border: 2px solid @color10; +} + +#network.disconnected { + color: #f5c2e7; + border-left: 2px solid #a6e3a1; + border-top: 2px solid #a6e3a1; + border-right: 0px; + border-bottom: 2px solid @color10; +} + +#bluetooth { + color: #b4befe; + margin-right: 10px +} + +#pulseaudio.microphone, +#pulseaudio { + color: #89b4fa; + border: 2px solid @color13; +} + +#pulseaudio.muted { + color: #f38ba8; + padding-right: 20px; +} + +#battery { + color: #a6e3a1; + margin-right: 5px; + padding-right: 15px; + border: 2px solid @color14; +} + +#idle_inhibitor.activated { + color: @color12; + border: 2px solid @color12; +} + +#battery.good { + color: #ffd57a; + border: 2px solid @color15; +} + +#battery.warning { + color: #fab387; + border-left: 0px; + border: 2px solid @color12; +} + +#battery.charging { + color: #a6e3a1; +} + +#battery.critical { + color: #f38ba8; + border-left: 0px; + border: 2px solid @color8; +} + +#custom-weather { + color: #8eacf3; + border-right: 0px; + margin-left: 0px; + margin-right: 5px; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} -- cgit v1.2.3 From 43eb8fa817632e3f14e62c081d92cdda7c09b4ac Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Thu, 23 May 2024 23:29:04 +0900 Subject: Waybar Enhancements, groups, etc --- config/waybar/configs/[TOP] Default Laptop_v2 | 7 +- config/waybar/configs/[TOP] Default Laptop_v3 | 55 ++++ config/waybar/configs/[TOP] Default_v3 | 54 ++++ config/waybar/configs/[TOP] Simple | 10 +- config/waybar/modules | 46 +++- .../[Wallust Bordered] Chroma Simple (copy 1).css | 306 +++++++++++++++++++++ .../style/[Wallust Bordered] Chroma Simple.css | 28 +- config/waybar/wallust/colors-waybar.css | 38 +-- 8 files changed, 497 insertions(+), 47 deletions(-) create mode 100644 config/waybar/configs/[TOP] Default Laptop_v3 create mode 100644 config/waybar/configs/[TOP] Default_v3 create mode 100644 config/waybar/style/[Wallust Bordered] Chroma Simple (copy 1).css (limited to 'config/waybar') diff --git a/config/waybar/configs/[TOP] Default Laptop_v2 b/config/waybar/configs/[TOP] Default Laptop_v2 index 9021f0b1..6ddab7d8 100644 --- a/config/waybar/configs/[TOP] Default Laptop_v2 +++ b/config/waybar/configs/[TOP] Default Laptop_v2 @@ -19,7 +19,8 @@ "custom/menu", "custom/light_dark", "custom/separator#dot-line", - "group/motherboard", + "power-profiles-daemon", + "group/mobo_drawer", "custom/separator#blank", "group/laptop", "custom/separator#line", @@ -40,15 +41,15 @@ "modules-right": [ "network#speed", + "group/connections", "custom/separator#line", "tray", "mpris", - "bluetooth", "group/audio", + "custom/separator#line", "keyboard-state", "custom/keyboard", "custom/lock", - "custom/separator#dot-line", "custom/power", ], } \ No newline at end of file diff --git a/config/waybar/configs/[TOP] Default Laptop_v3 b/config/waybar/configs/[TOP] Default Laptop_v3 new file mode 100644 index 00000000..6ddab7d8 --- /dev/null +++ b/config/waybar/configs/[TOP] Default Laptop_v3 @@ -0,0 +1,55 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ + +// ### DEFAULT v2 (Laptop) - Top ### // +{ +"include": "~/.config/waybar/modules", +"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/menu", + "custom/light_dark", + "custom/separator#dot-line", + "power-profiles-daemon", + "group/mobo_drawer", + "custom/separator#blank", + "group/laptop", + "custom/separator#line", + "custom/weather", + ], + +"modules-center": [ + "custom/swaync", + "custom/cava_mviz", + "custom/separator#dot-line", + "clock", + "custom/separator#line", + "hyprland/workspaces#roman", + "custom/separator#dot-line", + "idle_inhibitor", + "custom/hint", + ], + +"modules-right": [ + "network#speed", + "group/connections", + "custom/separator#line", + "tray", + "mpris", + "group/audio", + "custom/separator#line", + "keyboard-state", + "custom/keyboard", + "custom/lock", + "custom/power", + ], +} \ No newline at end of file diff --git a/config/waybar/configs/[TOP] Default_v3 b/config/waybar/configs/[TOP] Default_v3 new file mode 100644 index 00000000..d32f24eb --- /dev/null +++ b/config/waybar/configs/[TOP] Default_v3 @@ -0,0 +1,54 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ + +// ### DEFAULT v3 - Top ### // +{ +"include": "~/.config/waybar/modules", +"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/menu", + "custom/light_dark", + "custom/separator#dot-line", + "power-profiles-daemon", + "group/mobo_drawer", + "custom/separator#blank", + "custom/separator#line", + "custom/weather", + ], + +"modules-center": [ + "custom/swaync", + "custom/cava_mviz", + "custom/separator#dot-line", + "clock", + "custom/separator#line", + "hyprland/workspaces#roman", + "custom/separator#dot-line", + "idle_inhibitor", + "custom/hint", + ], + +"modules-right": [ + "network#speed", + "group/connections", + "custom/separator#line", + "tray", + "mpris", + "group/audio", + "custom/separator#line", + "keyboard-state", + "custom/keyboard", + "custom/lock", + "custom/power", + ], +} \ No newline at end of file diff --git a/config/waybar/configs/[TOP] Simple b/config/waybar/configs/[TOP] Simple index 505ea63f..09488c54 100644 --- a/config/waybar/configs/[TOP] Simple +++ b/config/waybar/configs/[TOP] Simple @@ -15,9 +15,10 @@ "modules-left": [ "idle_inhibitor", + "group/mobo_drawer", "hyprland/workspaces#rw", + "tray", "mpris", - "hyprland/window" ], "modules-center": [ @@ -25,10 +26,9 @@ ], "modules-right": [ - "tray", - "battery", - "pulseaudio", - "pulseaudio#microphone", + "hyprland/window", + "battery", + "group/audio", "custom/power", ], } diff --git a/config/waybar/modules b/config/waybar/modules index c1f46871..071efb34 100644 --- a/config/waybar/modules +++ b/config/waybar/modules @@ -170,20 +170,51 @@ "disk", ] }, +"group/mobo_drawer": { + "orientation": "inherit", + "drawer": { + "transition-duration": 500, + "children-class": "cpu", + "transition-left-to-right": true + }, + "modules": [ + "temperature", + "cpu", + "memory", + "disk", + ] +}, "group/laptop": { - "orientation": "horizontal", + "orientation": "inherit", "modules": [ "backlight", "battery", ] }, "group/audio": { - "orientation": "horizontal", + "orientation": "inherit", + "drawer": { + "transition-duration": 500, + "children-class": "pulseaudio", + "transition-left-to-right": true + }, "modules": [ "pulseaudio", "pulseaudio#microphone", ] }, +"group/connections": { + "orientation": "inherit", + "drawer": { + "transition-duration": 500, + "children-class": "bluetooth", + "transition-left-to-right": true + }, + "modules": [ + "network", + "bluetooth", + ] +}, "backlight": { "interval": 2, "align": 0, @@ -414,6 +445,17 @@ "󰤯", "󰤟", "󰤢", "󰤥", "󰤨" ] }, +"power-profiles-daemon": { + "format": "{icon}", + "tooltip-format": "Power profile: {profile}\nDriver: {driver}", + "tooltip": true, + "format-icons": { + "default": "", + "performance": "", + "balanced": "", + "power-saver": "" + } +}, "pulseaudio": { "format": "{icon} {volume}%", "format-bluetooth": "{icon} 󰂰 {volume}%", diff --git a/config/waybar/style/[Wallust Bordered] Chroma Simple (copy 1).css b/config/waybar/style/[Wallust Bordered] Chroma Simple (copy 1).css new file mode 100644 index 00000000..9475f417 --- /dev/null +++ b/config/waybar/style/[Wallust Bordered] Chroma Simple (copy 1).css @@ -0,0 +1,306 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* Wallust Bordered*/ + +@import '../../.config/waybar/wallust/colors-waybar.css'; + + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + min-height: 0; +} + +window#waybar { + background-color: transparent; + color: @foreground; + padding-left: 15px; + padding-right: 15px; +} + +window#waybar.empty #window { + background-color: transparent; + border-color: transparent; + padding-left: 15px; + padding-right: 15px; +} + +tooltip { + background-color: transparent; + color: @color12; + border-radius: 10px; + border-width: 1.5px; + border-style: solid; + border-color: @color9; + transition: 0.3s; + opacity: 0.9; +} + +#workspaces { + border-radius: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color12; +} + +#workspaces button { + color: @color10; + box-shadow: none; + text-shadow: none; + padding-right: 12px; + border-radius: 9px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active, +#workspaces button.active { + color: @color12; + padding-right: 12px; + background-color: @background; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#taskbar button:hover, +#workspaces button:hover { + color: @color12; + padding-left: 0px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#network, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#custom-backlight, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-hint, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-menu, +#custom-power_vertical, +#custom-power, +#custom-swaync, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + border-radius: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color13; +} + +#cpu { + border: 2px solid @color5; + color: @color12; +} + +#memory { + color: @color10; +} + +#disk { + color: @color13; + border: 2px solid @color13; +} + +#temperature{ + color: @color11; +} + +#temperature.critical { + color: red; + border: 2px solid red; +} + +#custom-power { + color: red; + padding-left: 10px; + padding-right: 2px; + border: 2px solid red; +} + +#backlight { + color: #f9e2af; + padding-right: 5px; +} + +#tray { + border-radius: 20px; + margin-right: 5px; +/* padding: 0px 4px; */ + padding-left: 15px; + padding-right: 15px; + border: 2px solid @color7; +} + +#mpris { + padding-left: 15px; +} +#tray.empty { + background-color: transparent; + border-color: transparent; + border: 0px; +} + +#window { + margin-left: 5px; + margin-right: 5px; + border: 2px solid @color9; +} + +#clock { + color: #fab387; +} + +#network { + color: #a6adc8; + padding-right: 12px; + padding-left: 5px; + border: 2px solid @color10; +} + +#network.disconnected { + color: #f5c2e7; + border-left: 2px solid #a6e3a1; + border-top: 2px solid #a6e3a1; + border-right: 0px; + border-bottom: 2px solid @color10; +} + +#bluetooth { + color: #b4befe; + margin-right: 10px +} + +#pulseaudio.microphone, +#pulseaudio { + color: #89b4fa; + border: 2px solid @color13; +} + +#pulseaudio.muted { + color: #f38ba8; + padding-right: 20px; +} + +#battery { + color: #a6e3a1; + margin-right: 5px; + padding-right: 15px; + border: 2px solid @color14; +} + +#idle_inhibitor.activated { + color: @color12; + border: 2px solid @color12; +} + +#battery.good { + color: #ffd57a; + border: 2px solid @color15; +} + +#battery.warning { + color: #fab387; + border-left: 0px; + border: 2px solid @color12; +} + +#battery.charging { + color: #a6e3a1; +} + +#battery.critical { + color: #f38ba8; + border-left: 0px; + border: 2px solid @color8; +} + +#custom-weather { + color: #8eacf3; + border-right: 0px; + margin-left: 0px; + margin-right: 5px; +} + +#pulseaudio-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; +} + +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider slider { + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough { + min-width: 80px; + min-height: 10px; + border-radius: 5px; +} + +#backlight-slider highlight { + min-width: 10px; + border-radius: 5px; +} diff --git a/config/waybar/style/[Wallust Bordered] Chroma Simple.css b/config/waybar/style/[Wallust Bordered] Chroma Simple.css index 9475f417..4024c0bf 100644 --- a/config/waybar/style/[Wallust Bordered] Chroma Simple.css +++ b/config/waybar/style/[Wallust Bordered] Chroma Simple.css @@ -92,6 +92,7 @@ tooltip { #memory, #mode, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, @@ -133,20 +134,24 @@ tooltip { #cpu { border: 2px solid @color5; - color: @color12; + color: @foreground; + background: @color12; } #memory { - color: @color10; + color: @foreground; + background: @color12; } #disk { - color: @color13; + color: @foreground; + background: @color12; border: 2px solid @color13; } #temperature{ - color: @color11; + color: @foreground; + background: @color12; } #temperature.critical { @@ -194,20 +199,6 @@ tooltip { color: #fab387; } -#network { - color: #a6adc8; - padding-right: 12px; - padding-left: 5px; - border: 2px solid @color10; -} - -#network.disconnected { - color: #f5c2e7; - border-left: 2px solid #a6e3a1; - border-top: 2px solid #a6e3a1; - border-right: 0px; - border-bottom: 2px solid @color10; -} #bluetooth { color: #b4befe; @@ -216,6 +207,7 @@ tooltip { #pulseaudio.microphone, #pulseaudio { + background-color: @color12; color: #89b4fa; border: 2px solid @color13; } diff --git a/config/waybar/wallust/colors-waybar.css b/config/waybar/wallust/colors-waybar.css index a9c70909..8a28025e 100644 --- a/config/waybar/wallust/colors-waybar.css +++ b/config/waybar/wallust/colors-waybar.css @@ -1,20 +1,20 @@ -@define-color foreground #D1F8FD; -@define-color background rgba(6,4,2,0.25); -@define-color cursor #D1F8FD; +@define-color foreground #FDF1E6; +@define-color background rgba(1,4,7,0.25); +@define-color cursor #FDF1E6; -@define-color color0 #060402; -@define-color color1 #7A6835; -@define-color color2 #677762; -@define-color color3 #2586B5; -@define-color color4 #998C72; -@define-color color5 #94A7B8; -@define-color color6 #5CB1BC; -@define-color color7 #B5EDF4; -@define-color color8 #7EA6AB; -@define-color color9 #A38A46; -@define-color color10 #899F83; -@define-color color11 #31B2F1; -@define-color color12 #CCBA98; -@define-color color13 #C6DEF5; -@define-color color14 #7BECFA; -@define-color color15 #B5EDF4; +@define-color color0 #010407; +@define-color color1 #6F2229; +@define-color color2 #5B4E57; +@define-color color3 #A63D3A; +@define-color color4 #1B6C77; +@define-color color5 #9B6F77; +@define-color color6 #BBA189; +@define-color color7 #F4E2D3; +@define-color color8 #AA9E93; +@define-color color9 #942D37; +@define-color color10 #7A6874; +@define-color color11 #DE514D; +@define-color color12 #24909F; +@define-color color13 #CF949F; +@define-color color14 #F9D6B7; +@define-color color15 #F4E2D3; -- cgit v1.2.3 From 2fdd1298bf4f0544f38f440c4b10cd93f3fb4b81 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Fri, 24 May 2024 00:32:47 +0900 Subject: updated waybar styles to add power-profiles-daemon style --- config/waybar/style/[Black & White] Monochrome.css | 1 + config/waybar/style/[Catppuccin] Latte.css | 1 + config/waybar/style/[Catppuccin] Mocha.css | 1 + config/waybar/style/[Colored] Chroma Glow.css | 1 + config/waybar/style/[Colored] Translucent.css | 1 + config/waybar/style/[Colorful] Aurora Blossom.css | 1 + config/waybar/style/[Colorful] Aurora.css | 1 + .../waybar/style/[Colorful] Rainbow Spectrum.css | 1 + config/waybar/style/[Dark] Golden Noir.css | 1 + config/waybar/style/[Dark] Half-Moon.css | 1 + .../waybar/style/[Dark] Latte-Wallust combined.css | 1 + config/waybar/style/[Dark] Purpl.css | 1 + .../waybar/style/[Dark] Wallust Obsidian Edge.css | 1 + config/waybar/style/[Extra] Crimson.css | 1 + config/waybar/style/[Extra] Mauve.css | 1 + config/waybar/style/[Extra] Rose Pine.css | 1 + config/waybar/style/[Extra] Simple Pink.css | 1 + .../waybar/style/[Light] Monochrome Contrast.css | 1 + config/waybar/style/[Light] Obsidian Glow.css | 1 + config/waybar/style/[Retro] Simple Style.css | 1 + .../waybar/style/[Transparent] Crystal Clear.css | 1 + .../[Wallust Bordered] Chroma Fusion Edge.css | 1 + .../[Wallust Bordered] Chroma Simple (copy 1).css | 306 --------------------- .../style/[Wallust Bordered] Chroma Simple.css | 4 +- .../style/[Wallust Transparent] Crystal Clear.css | 1 + config/waybar/style/[Wallust] Chroma Edge.css | 1 + config/waybar/style/[Wallust] Chroma Fusion.css | 1 + config/waybar/style/[Wallust] Chroma Tally.css | 1 + config/waybar/style/[Wallust] Colored.css | 1 + config/waybar/style/[Wallust] Simple.css | 1 + 30 files changed, 30 insertions(+), 308 deletions(-) delete mode 100644 config/waybar/style/[Wallust Bordered] Chroma Simple (copy 1).css (limited to 'config/waybar') diff --git a/config/waybar/style/[Black & White] Monochrome.css b/config/waybar/style/[Black & White] Monochrome.css index d4ee32df..430289c6 100644 --- a/config/waybar/style/[Black & White] Monochrome.css +++ b/config/waybar/style/[Black & White] Monochrome.css @@ -118,6 +118,7 @@ tooltip label{ #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Catppuccin] Latte.css b/config/waybar/style/[Catppuccin] Latte.css index 3f344079..c8d50dc4 100644 --- a/config/waybar/style/[Catppuccin] Latte.css +++ b/config/waybar/style/[Catppuccin] Latte.css @@ -57,6 +57,7 @@ window#waybar.hidden { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar button, diff --git a/config/waybar/style/[Catppuccin] Mocha.css b/config/waybar/style/[Catppuccin] Mocha.css index 5ce97eac..c8401815 100644 --- a/config/waybar/style/[Catppuccin] Mocha.css +++ b/config/waybar/style/[Catppuccin] Mocha.css @@ -63,6 +63,7 @@ window#waybar.hidden { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar button, diff --git a/config/waybar/style/[Colored] Chroma Glow.css b/config/waybar/style/[Colored] Chroma Glow.css index 1a995dec..f8649a8f 100644 --- a/config/waybar/style/[Colored] Chroma Glow.css +++ b/config/waybar/style/[Colored] Chroma Glow.css @@ -106,6 +106,7 @@ tooltip label{ #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Colored] Translucent.css b/config/waybar/style/[Colored] Translucent.css index 37931d58..c8ca561f 100644 --- a/config/waybar/style/[Colored] Translucent.css +++ b/config/waybar/style/[Colored] Translucent.css @@ -116,6 +116,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Colorful] Aurora Blossom.css b/config/waybar/style/[Colorful] Aurora Blossom.css index d785453c..6b0b65c4 100644 --- a/config/waybar/style/[Colorful] Aurora Blossom.css +++ b/config/waybar/style/[Colorful] Aurora Blossom.css @@ -107,6 +107,7 @@ tooltip label{ #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar button, diff --git a/config/waybar/style/[Colorful] Aurora.css b/config/waybar/style/[Colorful] Aurora.css index 3c17abfd..8fe0e3f1 100644 --- a/config/waybar/style/[Colorful] Aurora.css +++ b/config/waybar/style/[Colorful] Aurora.css @@ -97,6 +97,7 @@ tooltip label{ #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Colorful] Rainbow Spectrum.css b/config/waybar/style/[Colorful] Rainbow Spectrum.css index df8808b4..e862d490 100644 --- a/config/waybar/style/[Colorful] Rainbow Spectrum.css +++ b/config/waybar/style/[Colorful] Rainbow Spectrum.css @@ -61,6 +61,7 @@ tooltip label{ #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar button, diff --git a/config/waybar/style/[Dark] Golden Noir.css b/config/waybar/style/[Dark] Golden Noir.css index 00baff3e..c80c9486 100644 --- a/config/waybar/style/[Dark] Golden Noir.css +++ b/config/waybar/style/[Dark] Golden Noir.css @@ -132,6 +132,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Dark] Half-Moon.css b/config/waybar/style/[Dark] Half-Moon.css index 5ae593bd..947bde9b 100644 --- a/config/waybar/style/[Dark] Half-Moon.css +++ b/config/waybar/style/[Dark] Half-Moon.css @@ -128,6 +128,7 @@ color: #F3F4F5; padding: 2px 15px; } +#power-profiles-daemon, #custom-cycle_wall, #cpu { color: #F3F4F5; diff --git a/config/waybar/style/[Dark] Latte-Wallust combined.css b/config/waybar/style/[Dark] Latte-Wallust combined.css index ad8d1b7f..aa85b75d 100644 --- a/config/waybar/style/[Dark] Latte-Wallust combined.css +++ b/config/waybar/style/[Dark] Latte-Wallust combined.css @@ -163,6 +163,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Dark] Purpl.css b/config/waybar/style/[Dark] Purpl.css index 0e463834..976cd86f 100644 --- a/config/waybar/style/[Dark] Purpl.css +++ b/config/waybar/style/[Dark] Purpl.css @@ -129,6 +129,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Dark] Wallust Obsidian Edge.css b/config/waybar/style/[Dark] Wallust Obsidian Edge.css index 1a507fe4..39b84cca 100644 --- a/config/waybar/style/[Dark] Wallust Obsidian Edge.css +++ b/config/waybar/style/[Dark] Wallust Obsidian Edge.css @@ -125,6 +125,7 @@ tooltip label { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Extra] Crimson.css b/config/waybar/style/[Extra] Crimson.css index c6530e11..79fc2fbe 100644 --- a/config/waybar/style/[Extra] Crimson.css +++ b/config/waybar/style/[Extra] Crimson.css @@ -119,6 +119,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Extra] Mauve.css b/config/waybar/style/[Extra] Mauve.css index 448932c2..af90af8e 100644 --- a/config/waybar/style/[Extra] Mauve.css +++ b/config/waybar/style/[Extra] Mauve.css @@ -140,6 +140,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Extra] Rose Pine.css b/config/waybar/style/[Extra] Rose Pine.css index 783ea1da..9954cf4a 100644 --- a/config/waybar/style/[Extra] Rose Pine.css +++ b/config/waybar/style/[Extra] Rose Pine.css @@ -110,6 +110,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #temperature, diff --git a/config/waybar/style/[Extra] Simple Pink.css b/config/waybar/style/[Extra] Simple Pink.css index 2f41cbb4..df7056b9 100644 --- a/config/waybar/style/[Extra] Simple Pink.css +++ b/config/waybar/style/[Extra] Simple Pink.css @@ -133,6 +133,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar button, diff --git a/config/waybar/style/[Light] Monochrome Contrast.css b/config/waybar/style/[Light] Monochrome Contrast.css index 9b3d5687..18eefd93 100644 --- a/config/waybar/style/[Light] Monochrome Contrast.css +++ b/config/waybar/style/[Light] Monochrome Contrast.css @@ -119,6 +119,7 @@ tooltip label{ #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Light] Obsidian Glow.css b/config/waybar/style/[Light] Obsidian Glow.css index c245a596..d41742c5 100644 --- a/config/waybar/style/[Light] Obsidian Glow.css +++ b/config/waybar/style/[Light] Obsidian Glow.css @@ -94,6 +94,7 @@ tooltip label { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Retro] Simple Style.css b/config/waybar/style/[Retro] Simple Style.css index ca811682..83c26494 100644 --- a/config/waybar/style/[Retro] Simple Style.css +++ b/config/waybar/style/[Retro] Simple Style.css @@ -56,6 +56,7 @@ window#waybar { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar button, diff --git a/config/waybar/style/[Transparent] Crystal Clear.css b/config/waybar/style/[Transparent] Crystal Clear.css index 0003efed..84788e7a 100644 --- a/config/waybar/style/[Transparent] Crystal Clear.css +++ b/config/waybar/style/[Transparent] Crystal Clear.css @@ -98,6 +98,7 @@ window#waybar.empty #window { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #taskbar, #temperature, diff --git a/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css b/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css index 0a418ad4..ec3ecbf7 100644 --- a/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css +++ b/config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css @@ -68,6 +68,7 @@ tooltip { #memory, #mode, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar button, diff --git a/config/waybar/style/[Wallust Bordered] Chroma Simple (copy 1).css b/config/waybar/style/[Wallust Bordered] Chroma Simple (copy 1).css deleted file mode 100644 index 9475f417..00000000 --- a/config/waybar/style/[Wallust Bordered] Chroma Simple (copy 1).css +++ /dev/null @@ -1,306 +0,0 @@ -/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ -/* Wallust Bordered*/ - -@import '../../.config/waybar/wallust/colors-waybar.css'; - - -* { - font-family: "JetBrainsMono Nerd Font"; - font-weight: bold; - /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ - font-size: 97%; - min-height: 0; -} - -window#waybar { - background-color: transparent; - color: @foreground; - padding-left: 15px; - padding-right: 15px; -} - -window#waybar.empty #window { - background-color: transparent; - border-color: transparent; - padding-left: 15px; - padding-right: 15px; -} - -tooltip { - background-color: transparent; - color: @color12; - border-radius: 10px; - border-width: 1.5px; - border-style: solid; - border-color: @color9; - transition: 0.3s; - opacity: 0.9; -} - -#workspaces { - border-radius: 20px; - background: @background; - opacity: 1; - padding: 0px 10px; - margin: 0; - margin-top: 5px; - border: 2px solid @color12; -} - -#workspaces button { - color: @color10; - box-shadow: none; - text-shadow: none; - padding-right: 12px; - border-radius: 9px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button.active, -#workspaces button.active { - color: @color12; - padding-right: 12px; - background-color: @background; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.urgent { - color: #11111b; - border-radius: 10px; -} - -#taskbar button:hover, -#workspaces button:hover { - color: @color12; - padding-left: 0px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#network, -#pulseaudio, -#pulseaudio-slider, -#taskbar, -#temperature, -#tray, -#window, -#wireplumber, -#custom-backlight, -#custom-cava_mviz, -#custom-cycle_wall, -#custom-hint, -#custom-keyboard, -#custom-light_dark, -#custom-lock, -#custom-menu, -#custom-power_vertical, -#custom-power, -#custom-swaync, -#custom-updater, -#custom-weather, -#custom-weather.clearNight, -#custom-weather.cloudyFoggyDay, -#custom-weather.cloudyFoggyNight, -#custom-weather.default, -#custom-weather.rainyDay, -#custom-weather.rainyNight, -#custom-weather.severe, -#custom-weather.showyIcyDay, -#custom-weather.snowyIcyNight, -#custom-weather.sunnyDay { - border-radius: 20px; - background: @background; - opacity: 1; - padding: 0px 10px; - margin: 0; - margin-top: 5px; - border: 2px solid @color13; -} - -#cpu { - border: 2px solid @color5; - color: @color12; -} - -#memory { - color: @color10; -} - -#disk { - color: @color13; - border: 2px solid @color13; -} - -#temperature{ - color: @color11; -} - -#temperature.critical { - color: red; - border: 2px solid red; -} - -#custom-power { - color: red; - padding-left: 10px; - padding-right: 2px; - border: 2px solid red; -} - -#backlight { - color: #f9e2af; - padding-right: 5px; -} - -#tray { - border-radius: 20px; - margin-right: 5px; -/* padding: 0px 4px; */ - padding-left: 15px; - padding-right: 15px; - border: 2px solid @color7; -} - -#mpris { - padding-left: 15px; -} -#tray.empty { - background-color: transparent; - border-color: transparent; - border: 0px; -} - -#window { - margin-left: 5px; - margin-right: 5px; - border: 2px solid @color9; -} - -#clock { - color: #fab387; -} - -#network { - color: #a6adc8; - padding-right: 12px; - padding-left: 5px; - border: 2px solid @color10; -} - -#network.disconnected { - color: #f5c2e7; - border-left: 2px solid #a6e3a1; - border-top: 2px solid #a6e3a1; - border-right: 0px; - border-bottom: 2px solid @color10; -} - -#bluetooth { - color: #b4befe; - margin-right: 10px -} - -#pulseaudio.microphone, -#pulseaudio { - color: #89b4fa; - border: 2px solid @color13; -} - -#pulseaudio.muted { - color: #f38ba8; - padding-right: 20px; -} - -#battery { - color: #a6e3a1; - margin-right: 5px; - padding-right: 15px; - border: 2px solid @color14; -} - -#idle_inhibitor.activated { - color: @color12; - border: 2px solid @color12; -} - -#battery.good { - color: #ffd57a; - border: 2px solid @color15; -} - -#battery.warning { - color: #fab387; - border-left: 0px; - border: 2px solid @color12; -} - -#battery.charging { - color: #a6e3a1; -} - -#battery.critical { - color: #f38ba8; - border-left: 0px; - border: 2px solid @color8; -} - -#custom-weather { - color: #8eacf3; - border-right: 0px; - margin-left: 0px; - margin-right: 5px; -} - -#pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; -} - -#pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; -} - -#backlight-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough { - min-width: 80px; - min-height: 10px; - border-radius: 5px; -} - -#backlight-slider highlight { - min-width: 10px; - border-radius: 5px; -} diff --git a/config/waybar/style/[Wallust Bordered] Chroma Simple.css b/config/waybar/style/[Wallust Bordered] Chroma Simple.css index 4024c0bf..8fcf4514 100644 --- a/config/waybar/style/[Wallust Bordered] Chroma Simple.css +++ b/config/waybar/style/[Wallust Bordered] Chroma Simple.css @@ -27,8 +27,8 @@ window#waybar.empty #window { } tooltip { - background-color: transparent; - color: @color12; + background-color: @color12; + color: @foreground; border-radius: 10px; border-width: 1.5px; border-style: solid; diff --git a/config/waybar/style/[Wallust Transparent] Crystal Clear.css b/config/waybar/style/[Wallust Transparent] Crystal Clear.css index 189be61f..8b9ded8d 100644 --- a/config/waybar/style/[Wallust Transparent] Crystal Clear.css +++ b/config/waybar/style/[Wallust Transparent] Crystal Clear.css @@ -108,6 +108,7 @@ window#waybar.empty #window { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #temperature, #tray, diff --git a/config/waybar/style/[Wallust] Chroma Edge.css b/config/waybar/style/[Wallust] Chroma Edge.css index 9ee29a21..f24db6fd 100644 --- a/config/waybar/style/[Wallust] Chroma Edge.css +++ b/config/waybar/style/[Wallust] Chroma Edge.css @@ -99,6 +99,7 @@ tooltip label{ #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Wallust] Chroma Fusion.css b/config/waybar/style/[Wallust] Chroma Fusion.css index e8a04270..519dd5c6 100644 --- a/config/waybar/style/[Wallust] Chroma Fusion.css +++ b/config/waybar/style/[Wallust] Chroma Fusion.css @@ -67,6 +67,7 @@ tooltip { #memory, #mode, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar button, diff --git a/config/waybar/style/[Wallust] Chroma Tally.css b/config/waybar/style/[Wallust] Chroma Tally.css index 24f08dfd..98c13984 100644 --- a/config/waybar/style/[Wallust] Chroma Tally.css +++ b/config/waybar/style/[Wallust] Chroma Tally.css @@ -81,6 +81,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Wallust] Colored.css b/config/waybar/style/[Wallust] Colored.css index 8bc12221..5b78d073 100644 --- a/config/waybar/style/[Wallust] Colored.css +++ b/config/waybar/style/[Wallust] Colored.css @@ -126,6 +126,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar, diff --git a/config/waybar/style/[Wallust] Simple.css b/config/waybar/style/[Wallust] Simple.css index 77d39c60..b69f686a 100644 --- a/config/waybar/style/[Wallust] Simple.css +++ b/config/waybar/style/[Wallust] Simple.css @@ -113,6 +113,7 @@ tooltip { #mode, #mpris, #network, +#power-profiles-daemon, #pulseaudio, #pulseaudio-slider, #taskbar button, -- cgit v1.2.3