From e1ebc0accea9afffce5a2b6d19e3b689e8875483 Mon Sep 17 00:00:00 2001
From: S4NKALP <sankalptharu50028@gmail.com>
Date: Thu, 9 Apr 2026 18:54:38 +0545
Subject: [PATCH] style(styles): refineswitcher button and workspace selection
 styling

The updates improve visual consistency by increasing padding, adjusting border radii, adding transition effects, and introducing new selection and workspace label styling for clearer UI feedback.

New Features- Added .switcher-selection-label and .switcher-workspace-label selectors with appropriate styling- Introduced .switcher-icon-box with border radius and padding

Enhancements
- Increased #switcher-button padding and border radius
- Adjusted #window-button active background and radius- Added transition effect to #switcher-buttonBug Fixes
- None
---
 styles/switcher.css | 44 +++++++++++++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/styles/switcher.css b/styles/switcher.css
index c4a8cf6..8691d05 100644
--- a/styles/switcher.css
+++ b/styles/switcher.css
@@ -1,38 +1,48 @@
 #application-switcher-container {
-    background: var(--shadow);
-    border-radius: 16px;
+    background-color: var(--shadow);
+    border-radius: 20px;
+    padding: 24px;
 }
 
 #application-switcher-view {
-    min-height: 120px;
-    padding: 4px;
+    padding: 0px;
+    margin-bottom: 12px;
 }
 
 #switcher-button {
-    padding: 4px;
+    padding: 12px;
     min-width: 100px;
+    transition: all 0.2s ease;
 }
 
 #window-button {
-    background-color: var(--surface);
-    border-radius: 4px;
-}
-
-#switcher-button:hover {
-    background-color: var(--surface);
+    background-color: transparent;
+    border-radius: 12px;
 }
 
 #window-button.active {
-    background-color: var(--surface-bright);
-    border: 3px solid var(--surface-bright);
+    background-color: var(--surface);
 }
 
-#switcher-button label {
+.switcher-selection-label {
     color: var(--foreground);
-    font-size: 10px;
+    font-size: 16px;
+    font-weight: 600;
+    margin-top: 8px;
+}
+
+.switcher-workspace-label {
+    color: var(--foreground);
+    opacity: 0.6;
+    font-size: 12px;
     margin-top: 4px;
 }
 
-#window-row {
-    padding: 18px;
+#switcher-icon-box {
+    border-radius: 12px;
+    padding: 4px;
 }
+
+#window-row {
+    padding: 0px;
+}
\ No newline at end of file