Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-02-15 07:28:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #294149 from microsoft/mrleemurray/dying-coral-bat

Browse Source 
Update widget border colors and hover backgrounds for theme consistency
This commit is contained in:
Lee Murray
2026-02-10 17:06:50 +00:00
committed by GitHub
parent 558af35b47 85e3eef75f
commit 93ff801e0f
2 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -23,7 +23,7 @@
"button.border": "#F2F3F4FF",
"button.secondaryBackground": "#EDEDED",
"button.secondaryForeground": "#202020",
"button.secondaryHoverBackground": "#E6E6E6",
"button.secondaryHoverBackground": "#F3F3F3",
"checkbox.background": "#EDEDED",
"checkbox.border": "#D8D8D8",
"checkbox.foreground": "#202020",
@@ -49,7 +49,7 @@
"inputValidation.errorForeground": "#202020",
"scrollbar.shadow": "#00000000",
"widget.shadow": "#00000000",
"widget.border": "#F2F3F4FF",
"widget.border": "#EEEEF1",
"editorStickyScroll.shadow": "#00000000",
"sideBarStickyScroll.shadow": "#00000000",
"panelStickyScroll.shadow": "#00000000",
@@ -64,7 +64,7 @@
"list.activeSelectionForeground": "#202020",
"list.inactiveSelectionBackground": "#E0E0E0",
"list.inactiveSelectionForeground": "#202020",
"list.hoverBackground": "#F7F7F7",
"list.hoverBackground": "#F3F3F3",
"list.hoverForeground": "#202020",
"list.dropBackground": "#0069CC15",
"list.focusBackground": "#0069CC1A",
@@ -106,7 +106,7 @@
"commandCenter.foreground": "#202020",
"commandCenter.activeForeground": "#202020",
"commandCenter.background": "#FAFAFD",
"commandCenter.activeBackground": "#F7F7F7",
"commandCenter.activeBackground": "#F3F3F3",
"commandCenter.border": "#D8D8D8",
"editor.background": "#FFFFFF",
"editor.foreground": "#202020",
@@ -127,21 +127,21 @@
"editorLink.activeForeground": "#0069CC",
"editorWhitespace.foreground": "#66666640",
"editorIndentGuide.background": "#F7F7F740",
"editorIndentGuide.activeBackground": "#F7F7F7",
"editorIndentGuide.activeBackground": "#F3F3F3",
"editorRuler.foreground": "#F7F7F7",
"editorCodeLens.foreground": "#666666",
"editorBracketMatch.background": "#0069CC40",
"editorBracketMatch.border": "#F2F3F4FF",
"editorWidget.background": "#F0F0F3",
"editorWidget.border": "#F2F3F4FF",
"editorWidget.border": "#EEEEF1",
"editorWidget.foreground": "#202020",
"editorSuggestWidget.background": "#F0F0F3",
"editorSuggestWidget.border": "#F2F3F4FF",
"editorSuggestWidget.border": "#EEEEF1",
"editorSuggestWidget.foreground": "#202020",
"editorSuggestWidget.highlightForeground": "#0069CC",
"editorSuggestWidget.selectedBackground": "#0069CC26",
"editorHoverWidget.background": "#F0F0F3",
"editorHoverWidget.border": "#F2F3F4FF",
"editorHoverWidget.border": "#EEEEF1",
"peekView.border": "#0069CC",
"peekViewEditor.background": "#F0F0F3",
"peekViewEditor.matchHighlightBackground": "#0069CC33",
@@ -179,8 +179,8 @@
"statusBar.debuggingForeground": "#FFFFFF",
"statusBar.noFolderBackground": "#F0F0F3",
"statusBar.noFolderForeground": "#666666",
"statusBarItem.activeBackground": "#E6E6E6",
"statusBarItem.hoverBackground": "#F7F7F7",
"statusBarItem.activeBackground": "#F3F3F3",
"statusBarItem.hoverBackground": "#F3F3F3",
"statusBarItem.focusBorder": "#0069CCFF",
"statusBarItem.prominentBackground": "#0069CCDD",
"statusBarItem.prominentForeground": "#FFFFFF",
@@ -193,7 +193,7 @@
"tab.lastPinnedBorder": "#F2F3F4FF",
"tab.activeBorder": "#FAFAFD",
"tab.activeBorderTop": "#000000",
"tab.hoverBackground": "#F7F7F7",
"tab.hoverBackground": "#F3F3F3",
"tab.hoverForeground": "#202020",
"tab.unfocusedActiveBackground": "#FAFAFD",
"tab.unfocusedActiveForeground": "#666666",

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

@@ -7,7 +7,7 @@
--radius-sm: 4px;
--radius-md: 6px;
--radius-lg: 8px;
--radius-xl: 12px;
/* --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);
@@ -185,10 +185,6 @@
border: 1px solid var(--vscode-menu-border) !important;
}
.monaco-workbench .quick-input-widget .monaco-list-rows {
background-color: transparent !important;
}
.monaco-workbench .quick-input-widget .quick-input-header,
.monaco-workbench .quick-input-widget .quick-input-list,
.monaco-workbench .quick-input-widget .quick-input-titlebar,
@@ -203,6 +199,10 @@
outline: none !important;
}
.monaco-workbench .monaco-editor .suggest-widget .monaco-list {
border-radius: var(--radius-lg);
}
.monaco-workbench .quick-input-widget .monaco-inputbox {
box-shadow: none !important;
background: transparent !important;
@@ -267,6 +267,8 @@
backdrop-filter: var(--backdrop-blur-md);
-webkit-backdrop-filter: var(--backdrop-blur-md);
background: color-mix(in srgb, var(--vscode-notifications-background) 60%, transparent) !important;
border: 1px solid var(--vscode-editorWidget-border) !important;
box-shadow: var(--shadow-lg) !important;
}
.monaco-workbench.vs-dark .notifications-center {
@@ -282,7 +284,7 @@
/* Context Menus */
.monaco-workbench .monaco-menu .monaco-action-bar.vertical {
box-shadow: var(--shadow-lg);
border-radius: var(--radius-xl);
border-radius: var(--radius-lg);
backdrop-filter: var(--backdrop-blur-md);
-webkit-backdrop-filter: var(--backdrop-blur-md);
}
@@ -290,7 +292,7 @@
.monaco-workbench .context-view .monaco-menu {
box-shadow: var(--shadow-lg);
border: none;
border-radius: var(--radius-xl);
border-radius: var(--radius-lg);
}
.monaco-workbench .action-widget {
@@ -306,8 +308,7 @@
/* Suggest Widget */
.monaco-workbench .monaco-editor .suggest-widget {
box-shadow: var(--shadow-lg);
border: none;
border-radius: var(--radius-xl);
border-radius: var(--radius-lg);
backdrop-filter: var(--backdrop-blur-md);
-webkit-backdrop-filter: var(--backdrop-blur-md);
background: color-mix(in srgb, var(--vscode-editorSuggestWidget-background) 60%, transparent) !important;
@@ -327,10 +328,17 @@
margin-top: 4px !important;
}
.monaco-workbench .inline-chat-gutter-menu {
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
backdrop-filter: var(--backdrop-blur-md);
-webkit-backdrop-filter: var(--backdrop-blur-md);
}
/* Dialog */
.monaco-workbench .monaco-dialog-box {
box-shadow: var(--shadow-2xl);
border-radius: var(--radius-xl);
border-radius: var(--radius-lg);
backdrop-filter: var(--backdrop-blur-lg);
-webkit-backdrop-filter: var(--backdrop-blur-lg);
background: color-mix(in srgb, var(--vscode-editor-background) 60%, transparent) !important;
@@ -538,7 +546,7 @@
/* Parameter Hints */
.monaco-workbench .monaco-editor .parameter-hints-widget {
box-shadow: var(--shadow-lg);
border-radius: var(--radius-xl);
border-radius: var(--radius-lg);
backdrop-filter: var(--backdrop-blur-md);
-webkit-backdrop-filter: var(--backdrop-blur-md);
}
@@ -623,7 +631,7 @@
.monaco-workbench .monaco-editor .inline-chat {
box-shadow: var(--shadow-lg);
border: none;
border-radius: var(--radius-xl);
border-radius: var(--radius-lg);
}
/* Command Center */
@@ -660,7 +668,7 @@
}
.monaco-dialog-modal-block .dialog-shadow {
border-radius: var(--radius-xl);
border-radius: var(--radius-lg);
}
.monaco-workbench .unified-quick-access-tabs {