From d0743cbd39c6e6495ac244af401d1205acc2802e Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Fri, 15 Dec 2023 13:58:49 +0900 Subject: tweak waybar styles --- config/waybar/configs/SouthEast [BR] | 8 +-- config/waybar/configs/SouthWest [BL] | 75 +++++++++++++++++++++++++++ config/waybar/configs/SouthWest [BR] | 75 --------------------------- config/waybar/configs/SummitSplit [Top & Bot] | 6 +-- config/waybar/style/Aurora Blossom.css | 4 +- config/waybar/style/Aurora.css | 4 +- config/waybar/style/Catppuccin-Latte.css | 5 +- config/waybar/style/Catppuccin-Mocha.css | 5 +- config/waybar/style/Chroma Edge.css | 5 +- config/waybar/style/Chroma Glow.css | 5 +- config/waybar/style/Chroma Tally.css | 5 +- config/waybar/style/Crimson.css | 5 +- config/waybar/style/Crystal Clear.css | 5 +- config/waybar/style/Golden Noir.css | 5 +- config/waybar/style/Monochrome Contrast.css | 5 +- config/waybar/style/Monochrome Manifest.css | 11 ++-- config/waybar/style/Obsidian Edge.css | 5 +- config/waybar/style/Obsidian Glow.css | 5 +- config/waybar/style/Purpl.css | 8 +-- config/waybar/style/Pywallete.css | 6 +-- config/waybar/style/Rainbow Spectrum.css | 8 +-- config/waybar/style/Rose Pine.css | 6 +-- config/waybar/style/Translucent Chromatic.css | 11 +--- 23 files changed, 115 insertions(+), 162 deletions(-) create mode 100644 config/waybar/configs/SouthWest [BL] delete mode 100644 config/waybar/configs/SouthWest [BR] diff --git a/config/waybar/configs/SouthEast [BR] b/config/waybar/configs/SouthEast [BR] index 27bec456..68629cbc 100644 --- a/config/waybar/configs/SouthEast [BR] +++ b/config/waybar/configs/SouthEast [BR] @@ -1,6 +1,6 @@ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -// ### BOTTOM and LEFT PANEL +// ### BOTTOM and RIGHT PANEL [{ "include": "~/.config/waybar/modules", @@ -46,12 +46,12 @@ { "include": "~/.config/waybar/modules", "layer": "top", -"position": "left", +"position": "right", "height": 650, "margin-top": 8, "margin-bottom": 8, -"margin-left": 3, -//"margin-right": 3, +//"margin-left": 3, +"margin-right": 3, "spacing": 3, "fixed-center": true, "ipc": true, diff --git a/config/waybar/configs/SouthWest [BL] b/config/waybar/configs/SouthWest [BL] new file mode 100644 index 00000000..27bec456 --- /dev/null +++ b/config/waybar/configs/SouthWest [BL] @@ -0,0 +1,75 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ + +// ### BOTTOM and LEFT PANEL + +[{ +"include": "~/.config/waybar/modules", +"layer": "top", +//"mode": "dock", +"exclusive": true, +"passthrough": false, +"position": "bottom", +"spacing": 2, +"fixed-center": true, +"ipc": true, +"margin-left": 6, +"margin-right": 6, +"margin-bottom": 2, + +"modules-left": [ + "custom/menu", + "cpu", + "temperature", + "memory", + "disk", + ], + +"modules-center": [ + //"hyprland/window", + "hyprland/workspaces#roman", + ], + +"modules-right": [ + //"network", + //"bluetooth", + "custom/weather", + "battery", + "backlight", + "pulseaudio", + //"wireplumber", + "pulseaudio#microphone", + "keyboard-state", + "custom/power", + ], +}, + +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "left", +"height": 650, +"margin-top": 8, +"margin-bottom": 8, +"margin-left": 3, +//"margin-right": 3, +"spacing": 3, +"fixed-center": true, +"ipc": true, +//"gtk-layer-shell": true, + +"modules-left": [ + "custom/lock", + "idle_inhibitor", + ], + +"modules-center": [ + "clock#vertical", + ], + +"modules-right": [ + "mpris", + "tray", + "custom/light_dark", + ], + +}] \ No newline at end of file diff --git a/config/waybar/configs/SouthWest [BR] b/config/waybar/configs/SouthWest [BR] deleted file mode 100644 index 68629cbc..00000000 --- a/config/waybar/configs/SouthWest [BR] +++ /dev/null @@ -1,75 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ - -// ### BOTTOM and RIGHT PANEL - -[{ -"include": "~/.config/waybar/modules", -"layer": "top", -//"mode": "dock", -"exclusive": true, -"passthrough": false, -"position": "bottom", -"spacing": 2, -"fixed-center": true, -"ipc": true, -"margin-left": 6, -"margin-right": 6, -"margin-bottom": 2, - -"modules-left": [ - "custom/menu", - "cpu", - "temperature", - "memory", - "disk", - ], - -"modules-center": [ - //"hyprland/window", - "hyprland/workspaces#roman", - ], - -"modules-right": [ - //"network", - //"bluetooth", - "custom/weather", - "battery", - "backlight", - "pulseaudio", - //"wireplumber", - "pulseaudio#microphone", - "keyboard-state", - "custom/power", - ], -}, - -{ -"include": "~/.config/waybar/modules", -"layer": "top", -"position": "right", -"height": 650, -"margin-top": 8, -"margin-bottom": 8, -//"margin-left": 3, -"margin-right": 3, -"spacing": 3, -"fixed-center": true, -"ipc": true, -//"gtk-layer-shell": true, - -"modules-left": [ - "custom/lock", - "idle_inhibitor", - ], - -"modules-center": [ - "clock#vertical", - ], - -"modules-right": [ - "mpris", - "tray", - "custom/light_dark", - ], - -}] \ No newline at end of file diff --git a/config/waybar/configs/SummitSplit [Top & Bot] b/config/waybar/configs/SummitSplit [Top & Bot] index b9339954..c98b3514 100644 --- a/config/waybar/configs/SummitSplit [Top & Bot] +++ b/config/waybar/configs/SummitSplit [Top & Bot] @@ -12,7 +12,7 @@ "spacing": 3, "fixed-center": true, "ipc": true, -"margin-top": 2, +"margin-top": 1, "margin-left": 8, "margin-right": 8, @@ -48,12 +48,12 @@ "exclusive": true, "passthrough": false, "position": "bottom", -"spacing": 3, +"spacing": 5, "fixed-center": true, "ipc": true, "margin-left": 8, "margin-right": 8, -"margin-bottom": 2, +//"margin-bottom": 0, "modules-left": [ "custom/menu", diff --git a/config/waybar/style/Aurora Blossom.css b/config/waybar/style/Aurora Blossom.css index 4918da46..369300a7 100644 --- a/config/waybar/style/Aurora Blossom.css +++ b/config/waybar/style/Aurora Blossom.css @@ -140,8 +140,8 @@ tooltip label{ #custom-weather.sunnyDay { padding-top: 2px; padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding-right: 5px; + padding-left: 5px; } #custom-power { padding: 1px 3px; diff --git a/config/waybar/style/Aurora.css b/config/waybar/style/Aurora.css index d95f3d38..f09b6117 100644 --- a/config/waybar/style/Aurora.css +++ b/config/waybar/style/Aurora.css @@ -133,8 +133,8 @@ tooltip label{ border: 1px; border-style: solid; border-radius: 4px; - padding-top: 3px; - padding-bottom: 3px; + padding-top: 2px; + padding-bottom: 2px; padding-right: 6px; padding-left: 6px; } diff --git a/config/waybar/style/Catppuccin-Latte.css b/config/waybar/style/Catppuccin-Latte.css index b15a2765..83c613ec 100644 --- a/config/waybar/style/Catppuccin-Latte.css +++ b/config/waybar/style/Catppuccin-Latte.css @@ -88,10 +88,7 @@ window#waybar.hidden { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding: 5px; } #idle_inhibitor { diff --git a/config/waybar/style/Catppuccin-Mocha.css b/config/waybar/style/Catppuccin-Mocha.css index 076d69aa..d9086338 100644 --- a/config/waybar/style/Catppuccin-Mocha.css +++ b/config/waybar/style/Catppuccin-Mocha.css @@ -94,10 +94,7 @@ window#waybar.hidden { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding: 5px; } #idle_inhibitor { diff --git a/config/waybar/style/Chroma Edge.css b/config/waybar/style/Chroma Edge.css index 0d56b5e3..fab395dc 100644 --- a/config/waybar/style/Chroma Edge.css +++ b/config/waybar/style/Chroma Edge.css @@ -129,15 +129,12 @@ tooltip label{ #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; color: #e5e5e5; /* color: #bf616a; */ border-radius: 12px; background-color: rgba(50, 50, 50, 0.1); border: 2px solid @color2; + padding: 5px; } #workspaces { diff --git a/config/waybar/style/Chroma Glow.css b/config/waybar/style/Chroma Glow.css index 6d452063..3a7a75ad 100644 --- a/config/waybar/style/Chroma Glow.css +++ b/config/waybar/style/Chroma Glow.css @@ -137,10 +137,7 @@ tooltip label{ #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 2px; - padding-bottom: 2px; - padding-left: 4px; - padding-right: 4px; + padding: 5px; } #window, diff --git a/config/waybar/style/Chroma Tally.css b/config/waybar/style/Chroma Tally.css index 5af81c11..6b78bd5e 100644 --- a/config/waybar/style/Chroma Tally.css +++ b/config/waybar/style/Chroma Tally.css @@ -94,10 +94,7 @@ window#waybar { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 3px; - padding-bottom: 3px; - padding-left: 4px; - padding-right: 4px; + padding: 6px; } /* ----------------------------------------------------------------------------- diff --git a/config/waybar/style/Crimson.css b/config/waybar/style/Crimson.css index c9f586fd..4edd2f06 100644 --- a/config/waybar/style/Crimson.css +++ b/config/waybar/style/Crimson.css @@ -151,10 +151,7 @@ tooltip { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: wheat; - padding-top: 3px; - padding-bottom: 3px; - padding-right: 4px; - padding-left: 4px; + padding: 5px; } #temperature.critical { diff --git a/config/waybar/style/Crystal Clear.css b/config/waybar/style/Crystal Clear.css index 2131c697..9fa991af 100644 --- a/config/waybar/style/Crystal Clear.css +++ b/config/waybar/style/Crystal Clear.css @@ -134,10 +134,7 @@ tooltip { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 2px; - padding-bottom: 2px; - padding-left: 4px; - padding-right: 4px; + padding: 5px; } #temperature.critical { diff --git a/config/waybar/style/Golden Noir.css b/config/waybar/style/Golden Noir.css index 4b8797a2..eb2004ef 100644 --- a/config/waybar/style/Golden Noir.css +++ b/config/waybar/style/Golden Noir.css @@ -163,10 +163,7 @@ tooltip { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: #e5d9f5; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding: 5px; } #temperature.critical { diff --git a/config/waybar/style/Monochrome Contrast.css b/config/waybar/style/Monochrome Contrast.css index 2283a0ed..87f0f248 100644 --- a/config/waybar/style/Monochrome Contrast.css +++ b/config/waybar/style/Monochrome Contrast.css @@ -149,10 +149,7 @@ tooltip label{ #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding: 5px; } #custom-power { padding: 1px 3px; diff --git a/config/waybar/style/Monochrome Manifest.css b/config/waybar/style/Monochrome Manifest.css index d88e45bd..49bd20ee 100644 --- a/config/waybar/style/Monochrome Manifest.css +++ b/config/waybar/style/Monochrome Manifest.css @@ -39,7 +39,7 @@ tooltip label{ .modules-right { background-color: black; color: white; - border-bottom: 2px; + border-bottom: 1px; border-style: solid; border-color: white; border-radius: 10px; @@ -51,7 +51,7 @@ tooltip label{ .modules-center { background-color: black; color: white; - border-bottom: 2px; + border-bottom: 1px; border-style: solid; border-color: white; border-radius: 10px; @@ -63,7 +63,7 @@ tooltip label{ .modules-left { background-color: black; color: white; - border-bottom: 2px; + border-bottom: 1px; border-style: solid; border-color: white; border-radius: 10px; @@ -148,10 +148,7 @@ tooltip label{ #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding: 5px; } #custom-power { padding: 1px 3px; diff --git a/config/waybar/style/Obsidian Edge.css b/config/waybar/style/Obsidian Edge.css index 3b8b5e1c..86c51df6 100644 --- a/config/waybar/style/Obsidian Edge.css +++ b/config/waybar/style/Obsidian Edge.css @@ -156,11 +156,8 @@ tooltip label { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: @foreground; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; border-radius: 8px; + padding: 5px; } #temperature.critical { diff --git a/config/waybar/style/Obsidian Glow.css b/config/waybar/style/Obsidian Glow.css index 26f4b1df..3cf6b401 100644 --- a/config/waybar/style/Obsidian Glow.css +++ b/config/waybar/style/Obsidian Glow.css @@ -125,11 +125,8 @@ tooltip label { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: #000000; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; border-radius: 8px; + padding: 5px; } #temperature.critical { diff --git a/config/waybar/style/Purpl.css b/config/waybar/style/Purpl.css index 6ae762ed..e3a35731 100644 --- a/config/waybar/style/Purpl.css +++ b/config/waybar/style/Purpl.css @@ -161,10 +161,10 @@ tooltip { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: whitesmoke; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding-top: 1px; + padding-bottom: 1px; + padding-right: 6px; + padding-left: 6px; } diff --git a/config/waybar/style/Pywallete.css b/config/waybar/style/Pywallete.css index 113d51c7..e1ac17a8 100644 --- a/config/waybar/style/Pywallete.css +++ b/config/waybar/style/Pywallete.css @@ -145,10 +145,7 @@ tooltip { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: @color2; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 6px; - padding-left: 6px; + padding: 5px; } #mode { @@ -181,6 +178,7 @@ tooltip { } #taskbar button.active { + color: @foreground; background-color: @color2; border-radius: 30px; animation: gradient_f 20s ease-in infinite; diff --git a/config/waybar/style/Rainbow Spectrum.css b/config/waybar/style/Rainbow Spectrum.css index f60db542..407e226c 100644 --- a/config/waybar/style/Rainbow Spectrum.css +++ b/config/waybar/style/Rainbow Spectrum.css @@ -4,6 +4,7 @@ * { 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 */ font-size: 97%; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; @@ -93,11 +94,12 @@ tooltip label{ #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { border-radius: 10px; - padding: 0px 4px; - padding-top: 2px; - padding-bottom: 2px; color: #3A3B3C; border: 1px solid #b4befe; + padding-top: 3px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; } #backlight { diff --git a/config/waybar/style/Rose Pine.css b/config/waybar/style/Rose Pine.css index 9c76474f..d1115db4 100644 --- a/config/waybar/style/Rose Pine.css +++ b/config/waybar/style/Rose Pine.css @@ -13,7 +13,6 @@ * { 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 */ font-size: 96%; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; @@ -143,14 +142,11 @@ tooltip { color: @main-fg; background: @main-bg; opacity: 1; - padding-top: 3px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; border-bottom: 2px; border-color: #2B5D34; border-style: solid; border-radius: 10px; + padding: 6px; } #temperature.critical { diff --git a/config/waybar/style/Translucent Chromatic.css b/config/waybar/style/Translucent Chromatic.css index bf098878..c6b86f3b 100644 --- a/config/waybar/style/Translucent Chromatic.css +++ b/config/waybar/style/Translucent Chromatic.css @@ -25,7 +25,7 @@ padding: 1px; } window#waybar { - background-color: rgba(0,0,0,0.2); + background-color: rgba(0,0,0,0.3); color: #ffffff; transition-property: background-color; transition-duration: .5s; @@ -150,14 +150,7 @@ tooltip label{ #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 2px; - padding-bottom: 2px; - padding-left: 4px; - padding-right: 4px; -} - -#window, -#workspaces { + padding: 5px; } /* If workspaces is the leftmost module, omit left margin */ -- cgit v1.2.3