From d0743cbd39c6e6495ac244af401d1205acc2802e Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Fri, 15 Dec 2023 13:58:49 +0900 Subject: [PATCH] tweak waybar styles --- config/waybar/configs/SouthEast [BR] | 8 ++++---- .../waybar/configs/{SouthWest [BR] => SouthWest [BL]} | 8 ++++---- 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 ++--------- 22 files changed, 44 insertions(+), 91 deletions(-) rename config/waybar/configs/{SouthWest [BR] => SouthWest [BL]} (92%) diff --git a/config/waybar/configs/SouthEast [BR] b/config/waybar/configs/SouthEast [BR] index 27bec45..68629cb 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 [BR] b/config/waybar/configs/SouthWest [BL] similarity index 92% rename from config/waybar/configs/SouthWest [BR] rename to config/waybar/configs/SouthWest [BL] index 68629cb..27bec45 100644 --- a/config/waybar/configs/SouthWest [BR] +++ b/config/waybar/configs/SouthWest [BL] @@ -1,6 +1,6 @@ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -// ### BOTTOM and RIGHT PANEL +// ### BOTTOM and LEFT PANEL [{ "include": "~/.config/waybar/modules", @@ -46,12 +46,12 @@ { "include": "~/.config/waybar/modules", "layer": "top", -"position": "right", +"position": "left", "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/SummitSplit [Top & Bot] b/config/waybar/configs/SummitSplit [Top & Bot] index b933995..c98b351 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 4918da4..369300a 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 d95f3d3..f09b611 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 b15a276..83c613e 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 076d69a..d908633 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 0d56b5e..fab395d 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 6d45206..3a7a75a 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 5af81c1..6b78bd5 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 c9f586f..4edd2f0 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 2131c69..9fa991a 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 4b8797a..eb2004e 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 2283a0e..87f0f24 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 d88e45b..49bd20e 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 3b8b5e1..86c51df 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 26f4b1d..3cf6b40 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 6ae762e..e3a3573 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 113d51c..e1ac17a 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 f60db54..407e226 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 9c76474..d1115db 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 bf09887..c6b86f3 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 */