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
This commit is contained in:
sankalp committed 2026-04-09 18:54:38 +05:45
1 parent e7af41805f
commit e1ebc0acce
1 file changed
+27 -17
+27 -17
View File
@@ -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;
}