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

Merge pull request #289454 from microsoft/mrleemurray/main-ladybug-fuchsia

Browse Source 
Update theme styles for consistency and visibility
This commit is contained in:
Lee Murray
2026-01-21 19:00:57 +00:00
committed by GitHub
parent fe92fbbec4 02267fb718
commit c8ae698831
2 changed files with 47 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
extensions/theme-2026/themes/2026-light.json
+29 -29
View File
@@ -10,21 +10,21 @@
"icon.foreground": "#666666",
"focusBorder": "#4466CCFF",
"textBlockQuote.background": "#EDEDED",
"textBlockQuote.border": "#ECEDEEFF",
"textBlockQuote.border": "#E9EAEBFF",
"textCodeBlock.background": "#EDEDED",
"textLink.foreground": "#3457C0",
"textLink.activeForeground": "#3355BA",
"textPreformat.foreground": "#666666",
"textSeparator.foreground": "#EEEEEEFF",
"textSeparator.foreground": "#ebebebFF",
"button.background": "#4466CC",
"button.foreground": "#FFFFFF",
"button.hoverBackground": "#3E61CA",
"button.border": "#ECEDEEFF",
"button.border": "#E9EAEBFF",
"button.secondaryBackground": "#EDEDED",
"button.secondaryForeground": "#202020",
"button.secondaryHoverBackground": "#E6E6E6",
"checkbox.background": "#EDEDED",
"checkbox.border": "#ECEDEEFF",
"checkbox.border": "#E9EAEBFF",
"checkbox.foreground": "#202020",
"dropdown.background": "#F9F9F9",
"dropdown.border": "#D6D7D8",
@@ -36,15 +36,15 @@
"input.placeholderForeground": "#999999",
"inputOption.activeBackground": "#4466CC33",
"inputOption.activeForeground": "#202020",
"inputOption.activeBorder": "#ECEDEEFF",
"inputOption.activeBorder": "#E9EAEBFF",
"inputValidation.errorBackground": "#F9F9F9",
"inputValidation.errorBorder": "#ECEDEEFF",
"inputValidation.errorBorder": "#E9EAEBFF",
"inputValidation.errorForeground": "#202020",
"inputValidation.infoBackground": "#F9F9F9",
"inputValidation.infoBorder": "#ECEDEEFF",
"inputValidation.infoBorder": "#E9EAEBFF",
"inputValidation.infoForeground": "#202020",
"inputValidation.warningBackground": "#F9F9F9",
"inputValidation.warningBorder": "#ECEDEEFF",
"inputValidation.warningBorder": "#E9EAEBFF",
"inputValidation.warningForeground": "#202020",
"scrollbar.shadow": "#F5F6F84D",
"scrollbarSlider.background": "#4466CC33",
@@ -70,23 +70,23 @@
"activityBar.background": "#F9F9F9",
"activityBar.foreground": "#202020",
"activityBar.inactiveForeground": "#666666",
"activityBar.border": "#ECEDEEFF",
"activityBar.activeBorder": "#ECEDEEFF",
"activityBar.border": "#E9EAEBFF",
"activityBar.activeBorder": "#E9EAEBFF",
"activityBar.activeFocusBorder": "#4466CCFF",
"activityBarBadge.background": "#4466CC",
"activityBarBadge.foreground": "#FFFFFF",
"sideBar.background": "#F9F9F9",
"sideBar.foreground": "#202020",
"sideBar.border": "#ECEDEEFF",
"sideBar.border": "#E9EAEBFF",
"sideBarTitle.foreground": "#202020",
"sideBarSectionHeader.background": "#F9F9F9",
"sideBarSectionHeader.foreground": "#202020",
"sideBarSectionHeader.border": "#ECEDEEFF",
"sideBarSectionHeader.border": "#E9EAEBFF",
"titleBar.activeBackground": "#F9F9F9",
"titleBar.activeForeground": "#424242",
"titleBar.inactiveBackground": "#F9F9F9",
"titleBar.inactiveForeground": "#666666",
"titleBar.border": "#ECEDEEFF",
"titleBar.border": "#E9EAEBFF",
"menubar.selectionBackground": "#EDEDED",
"menubar.selectionForeground": "#202020",
"menu.background": "#FCFCFC",
@@ -94,7 +94,7 @@
"menu.selectionBackground": "#4466CC26",
"menu.selectionForeground": "#202020",
"menu.separatorBackground": "#F4F4F4",
"menu.border": "#ECEDEEFF",
"menu.border": "#E9EAEBFF",
"commandCenter.foreground": "#202020",
"commandCenter.activeForeground": "#202020",
"commandCenter.background": "#F9F9F9",
@@ -123,18 +123,18 @@
"editorRuler.foreground": "#F4F4F4",
"editorCodeLens.foreground": "#666666",
"editorBracketMatch.background": "#4466CC55",
"editorBracketMatch.border": "#ECEDEEFF",
"editorBracketMatch.border": "#E9EAEBFF",
"editorWidget.background": "#FCFCFC",
"editorWidget.border": "#ECEDEEFF",
"editorWidget.border": "#E9EAEBFF",
"editorWidget.foreground": "#202020",
"editorSuggestWidget.background": "#FCFCFC",
"editorSuggestWidget.border": "#ECEDEEFF",
"editorSuggestWidget.border": "#E9EAEBFF",
"editorSuggestWidget.foreground": "#202020",
"editorSuggestWidget.highlightForeground": "#202020",
"editorSuggestWidget.selectedBackground": "#4466CC26",
"editorHoverWidget.background": "#FCFCFC55",
"editorHoverWidget.border": "#ECEDEEFF",
"peekView.border": "#ECEDEEFF",
"editorHoverWidget.border": "#E9EAEBFF",
"peekView.border": "#E9EAEBFF",
"peekViewEditor.background": "#F9F9F9",
"peekViewEditor.matchHighlightBackground": "#4466CC33",
"peekViewResult.background": "#EDEDED",
@@ -151,7 +151,7 @@
"editorGutter.deletedBackground": "#ad0707",
"diffEditor.insertedTextBackground": "#587c0c26",
"diffEditor.removedTextBackground": "#ad070726",
"editorOverviewRuler.border": "#ECEDEEFF",
"editorOverviewRuler.border": "#E9EAEBFF",
"editorOverviewRuler.findMatchForeground": "#4466CC99",
"editorOverviewRuler.modifiedForeground": "#007acc",
"editorOverviewRuler.addedForeground": "#587c0c",
@@ -159,13 +159,13 @@
"editorOverviewRuler.errorForeground": "#ad0707",
"editorOverviewRuler.warningForeground": "#667309",
"panel.background": "#F9F9F9",
"panel.border": "#ECEDEEFF",
"panel.border": "#E9EAEBFF",
"panelTitle.activeBorder": "#4466CC",
"panelTitle.activeForeground": "#202020",
"panelTitle.inactiveForeground": "#666666",
"statusBar.background": "#F9F9F9",
"statusBar.foreground": "#202020",
"statusBar.border": "#ECEDEEFF",
"statusBar.border": "#E9EAEBFF",
"statusBar.focusBorder": "#4466CCFF",
"statusBar.debuggingBackground": "#4466CC",
"statusBar.debuggingForeground": "#FFFFFF",
@@ -181,8 +181,8 @@
"tab.activeForeground": "#202020",
"tab.inactiveBackground": "#F9F9F9",
"tab.inactiveForeground": "#666666",
"tab.border": "#ECEDEEFF",
"tab.lastPinnedBorder": "#ECEDEEFF",
"tab.border": "#E9EAEBFF",
"tab.lastPinnedBorder": "#E9EAEBFF",
"tab.activeBorder": "#FBFBFD",
"tab.hoverBackground": "#F2F2F2",
"tab.hoverForeground": "#202020",
@@ -191,24 +191,24 @@
"tab.unfocusedInactiveBackground": "#F9F9F9",
"tab.unfocusedInactiveForeground": "#BBBBBB",
"editorGroupHeader.tabsBackground": "#F9F9F9",
"editorGroupHeader.tabsBorder": "#ECEDEEFF",
"editorGroupHeader.tabsBorder": "#E9EAEBFF",
"breadcrumb.foreground": "#666666",
"breadcrumb.background": "#FDFDFD",
"breadcrumb.focusForeground": "#202020",
"breadcrumb.activeSelectionForeground": "#202020",
"breadcrumbPicker.background": "#FCFCFC",
"notificationCenter.border": "#ECEDEEFF",
"notificationCenter.border": "#E9EAEBFF",
"notificationCenterHeader.foreground": "#202020",
"notificationCenterHeader.background": "#EDEDED",
"notificationToast.border": "#ECEDEEFF",
"notificationToast.border": "#E9EAEBFF",
"notifications.foreground": "#202020",
"notifications.background": "#FCFCFC",
"notifications.border": "#ECEDEEFF",
"notifications.border": "#E9EAEBFF",
"notificationLink.foreground": "#4466CC",
"extensionButton.prominentBackground": "#4466CC",
"extensionButton.prominentForeground": "#FFFFFF",
"extensionButton.prominentHoverBackground": "#3E61CA",
"pickerGroup.border": "#ECEDEEFF",
"pickerGroup.border": "#E9EAEBFF",
"pickerGroup.foreground": "#202020",
"quickInput.background": "#FCFCFC",
"quickInput.foreground": "#202020",
extensions/theme-2026/themes/styles.css
+18 -11
View File
@@ -31,6 +31,10 @@
.monaco-workbench.panel-position-left .part.panel { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); }
.monaco-workbench.panel-position-right .part.panel { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); }
.monaco-pane-view .split-view-view:first-of-type > .pane > .pane-header {
border-top: 1px solid var(--vscode-sideBarSectionHeader-border) !important;
}
/* Sashes - ensure they extend full height and are above other panels */
.monaco-workbench .monaco-sash { z-index: 45; }
.monaco-workbench .monaco-sash.vertical { z-index: 45; }
@@ -68,8 +72,6 @@
.monaco-workbench.vs-dark .quick-input-widget,
.monaco-workbench.hc-black .quick-input-widget { background: rgba(10, 10, 11, 0.5) !important; backdrop-filter: blur(40px) saturate(180%); -webkit-backdrop-filter: blur(40px) saturate(180%); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) !important; }
.monaco-workbench .quick-input-widget .monaco-list-rows { background-color: transparent !important; }
/* .monaco-workbench .quick-input-widget, */
/* .monaco-workbench .quick-input-widget *, */
.monaco-workbench .quick-input-widget .quick-input-header,
.monaco-workbench .quick-input-widget .quick-input-list,
.monaco-workbench .quick-input-widget .quick-input-titlebar,
@@ -78,7 +80,6 @@
.monaco-workbench .quick-input-widget .quick-input-filter,
.monaco-workbench .quick-input-widget .quick-input-action,
.monaco-workbench .quick-input-widget .quick-input-message,
/* .monaco-workbench .quick-input-widget .monaco-inputbox, */
.monaco-workbench .quick-input-widget .monaco-list,
.monaco-workbench .quick-input-widget .monaco-list-row { border-color: transparent !important; outline: none !important; }
.monaco-workbench .quick-input-widget .monaco-inputbox { box-shadow: none !important; background: transparent !important; }
@@ -228,14 +229,8 @@
/* Sticky Scroll */
.monaco-workbench .monaco-editor .sticky-widget { box-shadow: 0 0 6px rgba(0, 0, 0, 0.10) !important; border-bottom: none !important; background: rgba(252, 252, 253, 0.65) !important; backdrop-filter: blur(40px) saturate(180%) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) !important; }
.monaco-workbench.vs-dark .monaco-editor .sticky-widget { border-bottom: none !important; background: rgba(0, 0, 0, 0.3) !important; backdrop-filter: blur(40px) saturate(180%) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) !important; }
.monaco-workbench .monaco-editor .sticky-widget *,
.monaco-workbench .monaco-editor .sticky-widget > *,
.monaco-workbench .monaco-editor .sticky-widget .sticky-widget-line-numbers,
.monaco-workbench .monaco-editor .sticky-widget .sticky-widget-lines-scrollable,
.monaco-workbench .monaco-editor .sticky-widget .sticky-widget-lines,
.monaco-workbench .monaco-editor .sticky-widget .sticky-line-number,
.monaco-workbench .monaco-editor .sticky-widget .sticky-line-content,
.monaco-workbench .monaco-editor .sticky-widget .sticky-line-content:hover { background-color: transparent !important; background: transparent !important; }
.monaco-workbench .monaco-editor .sticky-widget .sticky-widget-lines
{ background-color: transparent !important; background: transparent !important; }
.monaco-workbench.vs-dark .monaco-editor .sticky-widget,
.monaco-workbench .monaco-editor .sticky-widget-focus-preview,
.monaco-workbench .monaco-editor .sticky-scroll-focus-line,
@@ -243,6 +238,18 @@
.monaco-workbench .monaco-editor:has(.sticky-widget:focus-within) .sticky-widget { background: rgba(252, 252, 253, 0.75) !important; backdrop-filter: blur(40px) saturate(180%) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) !important; box-shadow: 0 0 8px rgba(0, 0, 0, 0.12) !important; }
.monaco-workbench.vs-dark .monaco-editor:has(.sticky-widget:focus-within) .sticky-widget { background: rgba(0, 0, 0, 0.4) !important; backdrop-filter: blur(40px) saturate(180%) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) !important; box-shadow: 0 0 8px rgba(0, 0, 0, 0.12) !important; }
.monaco-editor .sticky-widget .sticky-line-content,
.monaco-workbench .monaco-editor .sticky-widget .sticky-line-number {
backdrop-filter: blur(40px) saturate(180%) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
background-color: color-mix(in srgb, var(--vscode-editor-background) 70%, transparent)
}
.monaco-workbench.vs-dark .monaco-editor .sticky-widget .sticky-line-content,
.monaco-workbench.vs-dark .monaco-editor .sticky-widget .sticky-line-number {
background-color: color-mix(in srgb, var(--vscode-editor-background) 30%, transparent)
}
/* Notebook */
.monaco-workbench .notebookOverlay .monaco-list .cell-focus-indicator { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); border-radius: 6px; }
.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row.focused .cell-focus-indicator { box-shadow: 0 0 6px rgba(0, 0, 0, 0.10); }