From 5a5d1714db15c729ff6f2f844a105356dd94fc91 Mon Sep 17 00:00:00 2001 From: retrilzzy Date: Sat, 7 Jun 2025 17:18:56 +0500 Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B5=D1=84=D0=B0=D0=BA=D1=82=D0=BE?= =?UTF-8?q?=D1=80=20=D1=81=D1=82=D0=B8=D0=BB=D0=B5=D0=B9=20waybar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Configs/.config/waybar/styles.css | 93 +++++++++++++++---------------- 1 file changed, 44 insertions(+), 49 deletions(-) diff --git a/Configs/.config/waybar/styles.css b/Configs/.config/waybar/styles.css index 5fcdc85..1e370b0 100644 --- a/Configs/.config/waybar/styles.css +++ b/Configs/.config/waybar/styles.css @@ -1,16 +1,16 @@ @import "./theme.css"; -/* Global Styling */ + +/* -- Global Styling -- */ * { border: none; font-family: "JetBrainsMono Nerd Font"; font-weight: bold; - font-size: 14.7px; - min-height: 14.7px; + font-size: 14.8px; + min-height: 14.8px; color: @foreground; } -/* Main Background */ window#waybar { background: @background; } @@ -19,7 +19,8 @@ window#waybar>box { margin-top: 6px; } -/* Tooltip Styling */ + +/* -- Tooltip Styling -- */ tooltip { color: @foreground; background: @tooltip; @@ -29,44 +30,8 @@ tooltip { border-color: @foreground; } -/* Workspace Button */ -#workspaces button { - color: @foreground; - border-radius: 8px; - box-shadow: none; - margin-top: 2px; - margin-right: 0px; - margin-bottom: 2px; - margin-left: 0px; - padding: 0px; - padding-right: 2px; - padding-left: 2px; - animation: ws_normal 20s ease-in-out 1; -} -/* Active Workspace Button */ -#workspaces button.active { - color: @active-fg; - background: @active-bg; - text-shadow: 0px 0px 2px rgba(22, 22, 22, 0.6); - margin-right: 2px; - margin-left: 2px; - padding-right: 6px; - padding-left: 6px; - animation: ws_active 20s ease-in-out 1; - transition: all 0.4s cubic-bezier(0.55, -0.68, 0.48, 1.682); -} - -/* Hover Effect for Workspace Buttons */ -#workspaces button:hover { - color: @hover-fg; - background: @hover-bg; - box-shadow: none; - animation: ws_hover 20s ease-in-out 1; - transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); -} - -/* General Module Styling */ +/* -- General Module Styling -- */ #idle_inhibitor, #workspaces, #window, @@ -84,9 +49,9 @@ tooltip { #battery, #custom-power { opacity: 1; - padding: 4px 3px; + padding: 3px 3px; margin: 0 3px; - border-radius: 9px; + border-radius: 10px; text-shadow: 0px 0px 2px rgba(22, 22, 22, 0.8); } @@ -96,9 +61,9 @@ tooltip { /* Idle Inhibitor */ #idle_inhibitor { background: @logo; - margin-left: 10px; - padding-left: 8px; - padding-right: 8px; + margin-left: 6px; + padding-right: 7px; + padding-left: 2px; } /* Workspaces */ @@ -106,6 +71,37 @@ tooltip { background: @workspaces; } +/* Workspace Button */ +#workspaces button { + color: @foreground; + border-radius: 8px; + box-shadow: none; + margin: 2px 1px; + padding: 0 2px; + animation: ws_normal 20s ease-in-out 1; +} + +/* Active Workspace Button */ +#workspaces button.active { + color: @active-fg; + background: @active-bg; + text-shadow: 0px 0px 2px rgba(22, 22, 22, 0.6); + margin-right: 2px; + margin-left: 2px; + padding: 0 5px; + animation: ws_active 20s ease-in-out 1; + transition: all 0.4s cubic-bezier(0.55, -0.68, 0.48, 1.682); +} + +/* Hover Effect for Workspace Buttons */ +#workspaces button:hover { + color: @hover-fg; + background: @hover-bg; + box-shadow: none; + animation: ws_hover 20s ease-in-out 1; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); +} + /* Window Title */ #window { background: @window; @@ -114,7 +110,6 @@ tooltip { } - /* -- Central Modules -- */ /* CPU */ @@ -158,7 +153,7 @@ tooltip { padding-right: 8px; padding-left: 8px; font-size: 13px; -} +} /* Tray */ #tray {