microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-07-12 22:08:04 -05:00
Code Issues Packages Projects Releases 177 Wiki Activity

fix: update border colors and remove unnecessary shadows in 2026 Light theme

Browse Source
This commit is contained in:
mrleemurray
2026-02-27 11:10:40 +00:00
parent 4b2002b1a6
commit ea2dc89c51
2 changed files with 19 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
extensions/theme-2026/themes/2026-light.json
View File

@@ -11,7 +11,7 @@
"icon.foreground": "#606060",
"focusBorder": "#0069CCFF",
"textBlockQuote.background": "#EAEAEA",
"textBlockQuote.border": "#F2F3F4FF",
"textBlockQuote.border": "#F0F1F2FF",
"textCodeBlock.background": "#EAEAEA",
"textLink.foreground": "#0069CC",
"textLink.activeForeground": "#0069CC",
@@ -38,7 +38,7 @@
"input.placeholderForeground": "#999999",
"inputOption.activeBackground": "#0069CC26",
"inputOption.activeForeground": "#202020",
"inputOption.activeBorder": "#F2F3F4FF",
"inputOption.activeBorder": "#F0F1F2FF",
"inputValidation.infoBackground": "#E6F2FA",
"inputValidation.infoBorder": "#0069CC",
"inputValidation.infoForeground": "#202020",
@@ -79,7 +79,7 @@
"activityBar.background": "#FAFAFD",
"activityBar.foreground": "#202020",
"activityBar.inactiveForeground": "#606060",
"activityBar.border": "#F2F3F4FF",
"activityBar.border": "#F0F1F2FF",
"activityBar.activeBorder": "#000000",
"activityBar.activeFocusBorder": "#0069CCFF",
"activityBarBadge.background": "#0069CC",
@@ -87,16 +87,16 @@
"activityBarTop.activeBorder": "#000000",
"sideBar.background": "#FAFAFD",
"sideBar.foreground": "#202020",
"sideBar.border": "#F2F3F4FF",
"sideBar.border": "#F0F1F2FF",
"sideBarTitle.foreground": "#202020",
"sideBarSectionHeader.background": "#FAFAFD",
"sideBarSectionHeader.foreground": "#202020",
"sideBarSectionHeader.border": "#F2F3F4FF",
"sideBarSectionHeader.border": "#F0F1F2FF",
"titleBar.activeBackground": "#FAFAFD",
"titleBar.activeForeground": "#606060",
"titleBar.inactiveBackground": "#FAFAFD",
"titleBar.inactiveForeground": "#606060",
"titleBar.border": "#F2F3F4FF",
"titleBar.border": "#F0F1F2FF",
"menubar.selectionBackground": "#EAEAEA",
"menubar.selectionForeground": "#202020",
"menu.background": "#FAFAFD",
@@ -104,7 +104,7 @@
"menu.selectionBackground": "#0069CC1A",
"menu.selectionForeground": "#202020",
"menu.separatorBackground": "#EEEEF1",
"menu.border": "#F2F3F4FF",
"menu.border": "#F0F1F2FF",
"commandCenter.foreground": "#202020",
"commandCenter.activeForeground": "#202020",
"commandCenter.background": "#FAFAFD",
@@ -133,7 +133,7 @@
"editorRuler.foreground": "#F7F7F7",
"editorCodeLens.foreground": "#606060",
"editorBracketMatch.background": "#0069CC40",
"editorBracketMatch.border": "#F2F3F4FF",
"editorBracketMatch.border": "#F0F1F2FF",
"editorWidget.background": "#F0F0F3",
"editorWidget.border": "#EEEEF1",
"editorWidget.foreground": "#202020",
@@ -160,7 +160,7 @@
"editorGutter.deletedBackground": "#ad0707",
"diffEditor.insertedTextBackground": "#587c0c26",
"diffEditor.removedTextBackground": "#ad070726",
"editorOverviewRuler.border": "#F2F3F4FF",
"editorOverviewRuler.border": "#F0F1F2FF",
"editorOverviewRuler.findMatchForeground": "#0069CC99",
"editorOverviewRuler.modifiedForeground": "#0069CC",
"editorOverviewRuler.addedForeground": "#587c0c",
@@ -169,13 +169,13 @@
"editorOverviewRuler.warningForeground": "#667309",
"editorGutter.background": "#FFFFFF",
"panel.background": "#FAFAFD",
"panel.border": "#F2F3F4FF",
"panel.border": "#F0F1F2FF",
"panelTitle.activeBorder": "#000000",
"panelTitle.activeForeground": "#202020",
"panelTitle.inactiveForeground": "#606060",
"statusBar.background": "#FAFAFD",
"statusBar.foreground": "#606060",
"statusBar.border": "#F2F3F4FF",
"statusBar.border": "#F0F1F2FF",
"statusBar.focusBorder": "#0069CCFF",
"statusBar.debuggingBackground": "#0069CC",
"statusBar.debuggingForeground": "#FFFFFF",
@@ -192,8 +192,8 @@
"tab.activeForeground": "#202020",
"tab.inactiveBackground": "#FAFAFD",
"tab.inactiveForeground": "#606060",
"tab.border": "#F2F3F4FF",
"tab.lastPinnedBorder": "#F2F3F4FF",
"tab.border": "#F0F1F2FF",
"tab.lastPinnedBorder": "#F0F1F2FF",
"tab.activeBorder": "#FAFAFD",
"tab.activeBorderTop": "#000000",
"tab.hoverBackground": "#DADADA4f",
@@ -203,19 +203,19 @@
"tab.unfocusedInactiveBackground": "#FAFAFD",
"tab.unfocusedInactiveForeground": "#BBBBBB",
"editorGroupHeader.tabsBackground": "#FAFAFD",
"editorGroupHeader.tabsBorder": "#F2F3F4FF",
"editorGroupHeader.tabsBorder": "#F0F1F2FF",
"breadcrumb.foreground": "#606060",
"breadcrumb.background": "#FFFFFF",
"breadcrumb.focusForeground": "#202020",
"breadcrumb.activeSelectionForeground": "#202020",
"breadcrumbPicker.background": "#F0F0F3",
"notificationCenter.border": "#F2F3F4FF",
"notificationCenter.border": "#F0F1F2FF",
"notificationCenterHeader.foreground": "#202020",
"notificationCenterHeader.background": "#FAFAFD",
"notificationToast.border": "#F2F3F4FF",
"notificationToast.border": "#F0F1F2FF",
"notifications.foreground": "#202020",
"notifications.background": "#FAFAFD",
"notifications.border": "#F2F3F4FF",
"notifications.border": "#F0F1F2FF",
"notificationLink.foreground": "#0069CC",
"notificationsWarningIcon.foreground": "#B69500",
"notificationsErrorIcon.foreground": "#ad0707",
@@ -250,7 +250,7 @@
"quickInput.border": "#D8D8D8",
"gauge.foreground": "#0069CC",
"gauge.background": "#0069CC40",
"gauge.border": "#F2F3F4FF",
"gauge.border": "#F0F1F2FF",
"gauge.warningForeground": "#B69500",
"gauge.warningBackground": "#B6950040",
"gauge.errorForeground": "#ad0707",

21
extensions/theme-2026/themes/styles.css
View File

@@ -14,7 +14,6 @@
--shadow-xl: 0 0 20px rgba(0, 0, 0, 0.15);
--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-active-tab: 0 8px 12px rgba(0, 0, 0, 0.02);
/* Panel depth shadows cast onto the editor surface */
@@ -212,10 +211,6 @@
border-radius: var(--radius-lg);
}
.monaco-workbench.vs .interactive-session .chat-input-container {
box-shadow: inset var(--shadow-sm);
}
.monaco-workbench .interactive-session .interactive-input-part .chat-editor-container .interactive-input-editor .monaco-editor,
.monaco-workbench .interactive-session .chat-editing-session .chat-editing-session-container {
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
@@ -466,11 +461,7 @@
}
/* Input Boxes */
.monaco-workbench .monaco-inputbox,
.monaco-workbench .suggest-input-container {
box-shadow: inset var(--shadow-sm);
border: none;
}
.monaco-inputbox .monaco-action-bar .action-item .codicon,
.monaco-workbench .search-container .input-box,
@@ -484,12 +475,6 @@
color: var(--vscode-icon-foreground) !important;
}
/* Buttons */
.monaco-workbench .monaco-button:active {
box-shadow: var(--shadow-button-active);
}
/* Todo List Widget - remove shadows from buttons */
.monaco-workbench.vs .chat-todo-list-widget .todo-list-expand .monaco-button,
.monaco-workbench.vs .chat-todo-list-widget .todo-list-expand .monaco-button:hover,
@@ -628,7 +613,6 @@
/* Notebook */
.monaco-workbench .notebookOverlay .monaco-list-row .cell-editor-part:before {
box-shadow: inset var(--shadow-sm);
border-radius: var(--radius-md);
}
@@ -653,7 +637,6 @@
/* Command Center */
.monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center {
box-shadow: inset var(--shadow-sm) !important;
border-radius: var(--radius-lg) !important;
background: color-mix(in srgb, var(--vscode-commandCenter-background) 60%, transparent) !important;
-webkit-backdrop-filter: var(--backdrop-blur-md);
@@ -661,12 +644,10 @@
}
.monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center:hover {
box-shadow: inset var(--shadow-sm) !important;
background: color-mix(in srgb, var(--vscode-commandCenter-activeBackground) 60%, transparent) !important;
}
.monaco-workbench .part.titlebar .command-center .agent-status-pill {
box-shadow: inset var(--shadow-sm);
border-color: var(--vscode-input-border);
}