Skip to content

Commit 1a243dd

Browse files
style(buttons): update workspace switcher button to transparent style
- Change background from colored to transparent (icon only) - Add subtle white overlay on hover (5% opacity) - Adjust height to 24px and add bottom margin - Matches new VS Code style tab bar design Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 6dc7a62 commit 1a243dd

File tree

1 file changed

+6
-3
lines changed

1 file changed

+6
-3
lines changed

frontend/app/tab/workspaceswitcher.scss

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,21 @@
33

44
.workspace-switcher-button {
55
display: flex;
6-
height: 26px;
6+
height: 24px;
77
padding: 0px 12px;
88
justify-content: flex-end;
99
align-items: center;
1010
gap: 12px;
1111
border-radius: 6px;
1212
margin-right: 6px;
13+
margin-bottom: 2px;
1314
box-sizing: border-box;
14-
background-color: rgb(from var(--main-text-color) r g b / 0.1) !important;
15+
// No background - icon only with tab bar background showing through
16+
background-color: transparent !important;
1517

1618
&:hover {
17-
background-color: rgb(from var(--main-text-color) r g b / 0.14) !important;
19+
// Subtle hover effect
20+
background-color: rgb(255 255 255 / 0.05) !important;
1821
}
1922

2023
.workspace-icon {

0 commit comments

Comments
 (0)