Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-05-08 09:08:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(theme): update button border color and clean up unused shadows in styles

Browse Source
This commit is contained in:
mrleemurray
2026-02-12 14:17:45 +00:00
parent 855722ab9c
commit 315525c23b
2 changed files with 2 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
extensions/theme-2026/themes/2026-light.json
+1 -1
View File
@@ -20,7 +20,7 @@
"button.background": "#0069CC",
"button.foreground": "#FFFFFF",
"button.hoverBackground": "#0063C1",
"button.border": "#F2F3F4FF",
"button.border": "#EEEEF1",
"button.secondaryBackground": "#EDEDED",
"button.secondaryForeground": "#202020",
"button.secondaryHoverBackground": "#F3F3F3",
extensions/theme-2026/themes/styles.css
+1 -20
View File
@@ -7,28 +7,22 @@
--radius-sm: 4px;
--radius-md: 6px;
--radius-lg: 8px;
/* --radius-lg: 12px; */
--shadow-xs: 0 0 2px rgba(0, 0, 0, 0.06);
--shadow-sm: 0 0 4px rgba(0, 0, 0, 0.08);
--shadow-md: 0 0 6px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 0 12px rgba(0, 0, 0, 0.14);
--shadow-xl: 0 0 20px rgba(0, 0, 0, 0.15);
--shadow-2xl: 0 0 20px rgba(0, 0, 0, 0.18);
--shadow-hover: 0 0 8px rgba(0, 0, 0, 0.12);
--shadow-sm-strong: 0 0 4px rgba(0, 0, 0, 0.18);
--shadow-button-active: inset 0 1px 2px rgba(0, 0, 0, 0.1);
--shadow-inset-white: inset 0 0 4px rgba(255, 255, 255, 0.1);
--shadow-active-tab: 0 8px 12px rgba(0, 0, 0, 0.02);
--backdrop-blur-sm: blur(12px);
--backdrop-blur-md: blur(20px) saturate(180%);
--backdrop-blur-lg: blur(40px) saturate(180%);
}
/* Dark theme: add brightness reduction for contrast-safe luminosity blending over bright backgrounds */
.monaco-workbench.vs-dark {
--backdrop-blur-sm: blur(12px) brightness(0.55);
--backdrop-blur-md: blur(20px) saturate(180%) brightness(0.55);
--backdrop-blur-lg: blur(40px) saturate(180%) brightness(0.55);
}
@@ -131,7 +125,6 @@
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active {
box-shadow: inset var(--shadow-active-tab);
/* background: var(--vs) */
position: relative;
z-index: 5;
border-radius: 0;
@@ -339,7 +332,7 @@
/* Dialog */
.monaco-workbench .monaco-dialog-box {
box-shadow: var(--shadow-2xl);
box-shadow: var(--shadow-xl);
border-radius: var(--radius-lg);
backdrop-filter: var(--backdrop-blur-lg);
-webkit-backdrop-filter: var(--backdrop-blur-lg);
@@ -467,13 +460,6 @@
}
/* Buttons */
.monaco-workbench .monaco-button {
box-shadow: var(--shadow-xs);
}
.monaco-workbench .monaco-button:hover {
box-shadow: var(--shadow-sm);
}
.monaco-workbench .monaco-button:active {
box-shadow: var(--shadow-button-active);
@@ -508,11 +494,6 @@
border-radius: var(--radius-lg);
}
/* Terminal */
.monaco-workbench.vs .pane-body.integrated-terminal {
box-shadow: var(--shadow-inset-white);
}
/* SCM */
.monaco-workbench .scm-view .scm-provider {
box-shadow: var(--shadow-sm);