From e4223fc0bfb4b4cd5582cf106c1ef780dfb4e517 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Fri, 16 Jan 2026 16:52:59 +0000 Subject: [PATCH] Refine color values and styles in 2026 Dark and Light themes for improved UI consistency --- extensions/theme-2026/themes/2026-dark.json | 372 +++++++++---------- extensions/theme-2026/themes/2026-light.json | 30 +- extensions/theme-2026/themes/styles.css | 29 +- 3 files changed, 215 insertions(+), 216 deletions(-) diff --git a/extensions/theme-2026/themes/2026-dark.json b/extensions/theme-2026/themes/2026-dark.json index 8e3a178fb19..5031dc271c7 100644 --- a/extensions/theme-2026/themes/2026-dark.json +++ b/extensions/theme-2026/themes/2026-dark.json @@ -3,222 +3,222 @@ "name": "2026 Dark", "type": "dark", "colors": { - "foreground": "#bebebe", + "foreground": "#bfbfbf", "disabledForeground": "#444444", "errorForeground": "#f48771", "descriptionForeground": "#888888", "icon.foreground": "#888888", - "focusBorder": "#007ABCB3", - "textBlockQuote.background": "#242526", - "textBlockQuote.border": "#252627FF", - "textCodeBlock.background": "#242526", - "textLink.foreground": "#0092E2", - "textLink.activeForeground": "#009AEC", + "focusBorder": "#498FADB3", + "textBlockQuote.background": "#232627", + "textBlockQuote.border": "#2A2B2CFF", + "textCodeBlock.background": "#232627", + "textLink.foreground": "#589BB8", + "textLink.activeForeground": "#61A0BC", "textPreformat.foreground": "#888888", - "textSeparator.foreground": "#252525FF", - "button.background": "#007ABC", + "textSeparator.foreground": "#2a2a2aFF", + "button.background": "#498FAE", "button.foreground": "#FFFFFF", - "button.hoverBackground": "#0080C5", - "button.border": "#252627FF", - "button.secondaryBackground": "#242526", - "button.secondaryForeground": "#bebebe", - "button.secondaryHoverBackground": "#007ABC", - "checkbox.background": "#242526", - "checkbox.border": "#252627FF", - "checkbox.foreground": "#bebebe", - "dropdown.background": "#191A1B", - "dropdown.border": "#323435", - "dropdown.foreground": "#bebebe", - "dropdown.listBackground": "#202122", - "input.background": "#191A1B", - "input.border": "#323435FF", - "input.foreground": "#bebebe", + "button.hoverBackground": "#4D94B4", + "button.border": "#2A2B2CFF", + "button.secondaryBackground": "#232627", + "button.secondaryForeground": "#bfbfbf", + "button.secondaryHoverBackground": "#303234", + "checkbox.background": "#232627", + "checkbox.border": "#2A2B2CFF", + "checkbox.foreground": "#bfbfbf", + "dropdown.background": "#191B1D", + "dropdown.border": "#333536", + "dropdown.foreground": "#bfbfbf", + "dropdown.listBackground": "#1F2223", + "input.background": "#191B1D", + "input.border": "#333536FF", + "input.foreground": "#bfbfbf", "input.placeholderForeground": "#777777", - "inputOption.activeBackground": "#007ABC33", - "inputOption.activeForeground": "#bebebe", - "inputOption.activeBorder": "#252627FF", - "inputValidation.errorBackground": "#191A1B", - "inputValidation.errorBorder": "#252627FF", - "inputValidation.errorForeground": "#bebebe", - "inputValidation.infoBackground": "#191A1B", - "inputValidation.infoBorder": "#252627FF", - "inputValidation.infoForeground": "#bebebe", - "inputValidation.warningBackground": "#191A1B", - "inputValidation.warningBorder": "#252627FF", - "inputValidation.warningForeground": "#bebebe", + "inputOption.activeBackground": "#498FAE33", + "inputOption.activeForeground": "#bfbfbf", + "inputOption.activeBorder": "#2A2B2CFF", + "inputValidation.errorBackground": "#191B1D", + "inputValidation.errorBorder": "#2A2B2CFF", + "inputValidation.errorForeground": "#bfbfbf", + "inputValidation.infoBackground": "#191B1D", + "inputValidation.infoBorder": "#2A2B2CFF", + "inputValidation.infoForeground": "#bfbfbf", + "inputValidation.warningBackground": "#191B1D", + "inputValidation.warningBorder": "#2A2B2CFF", + "inputValidation.warningForeground": "#bfbfbf", "scrollbar.shadow": "#191B1D4D", - "scrollbarSlider.background": "#83848533", - "scrollbarSlider.hoverBackground": "#83848566", - "scrollbarSlider.activeBackground": "#83848599", - "badge.background": "#007ABC", + "scrollbarSlider.background": "#81848533", + "scrollbarSlider.hoverBackground": "#81848566", + "scrollbarSlider.activeBackground": "#81848599", + "badge.background": "#498FAE", "badge.foreground": "#FFFFFF", - "progressBar.background": "#878889", - "list.activeSelectionBackground": "#007ABC26", - "list.activeSelectionForeground": "#bebebe", - "list.inactiveSelectionBackground": "#242526", - "list.inactiveSelectionForeground": "#bebebe", - "list.hoverBackground": "#262728", - "list.hoverForeground": "#bebebe", - "list.dropBackground": "#007ABC1A", - "list.focusBackground": "#007ABC26", - "list.focusForeground": "#bebebe", - "list.focusOutline": "#007ABCB3", - "list.highlightForeground": "#bebebe", + "progressBar.background": "#858889", + "list.activeSelectionBackground": "#498FAE26", + "list.activeSelectionForeground": "#bfbfbf", + "list.inactiveSelectionBackground": "#232627", + "list.inactiveSelectionForeground": "#bfbfbf", + "list.hoverBackground": "#252829", + "list.hoverForeground": "#bfbfbf", + "list.dropBackground": "#498FAE1A", + "list.focusBackground": "#498FAE26", + "list.focusForeground": "#bfbfbf", + "list.focusOutline": "#498FADB3", + "list.highlightForeground": "#bfbfbf", "list.invalidItemForeground": "#444444", "list.errorForeground": "#f48771", "list.warningForeground": "#e5ba7d", - "activityBar.background": "#191A1B", - "activityBar.foreground": "#bebebe", + "activityBar.background": "#191B1D", + "activityBar.foreground": "#bfbfbf", "activityBar.inactiveForeground": "#888888", - "activityBar.border": "#252627FF", - "activityBar.activeBorder": "#252627FF", - "activityBar.activeFocusBorder": "#007ABCB3", - "activityBarBadge.background": "#007ABC", + "activityBar.border": "#2A2B2CFF", + "activityBar.activeBorder": "#2A2B2CFF", + "activityBar.activeFocusBorder": "#498FADB3", + "activityBarBadge.background": "#498FAE", "activityBarBadge.foreground": "#FFFFFF", - "sideBar.background": "#191A1B", - "sideBar.foreground": "#bebebe", - "sideBar.border": "#252627FF", - "sideBarTitle.foreground": "#bebebe", - "sideBarSectionHeader.background": "#191A1B", - "sideBarSectionHeader.foreground": "#bebebe", - "sideBarSectionHeader.border": "#252627FF", - "titleBar.activeBackground": "#191A1B", - "titleBar.activeForeground": "#bebebe", - "titleBar.inactiveBackground": "#191A1B", + "sideBar.background": "#191B1D", + "sideBar.foreground": "#bfbfbf", + "sideBar.border": "#2A2B2CFF", + "sideBarTitle.foreground": "#bfbfbf", + "sideBarSectionHeader.background": "#191B1D", + "sideBarSectionHeader.foreground": "#bfbfbf", + "sideBarSectionHeader.border": "#2A2B2CFF", + "titleBar.activeBackground": "#191B1D", + "titleBar.activeForeground": "#bfbfbf", + "titleBar.inactiveBackground": "#191B1D", "titleBar.inactiveForeground": "#888888", - "titleBar.border": "#252627FF", - "menubar.selectionBackground": "#242526", - "menubar.selectionForeground": "#bebebe", - "menu.background": "#202122", - "menu.foreground": "#bebebe", - "menu.selectionBackground": "#007ABC26", - "menu.selectionForeground": "#bebebe", - "menu.separatorBackground": "#838485", - "menu.border": "#252627FF", - "commandCenter.foreground": "#bebebe", - "commandCenter.activeForeground": "#bebebe", - "commandCenter.background": "#191A1B", - "commandCenter.activeBackground": "#262728", - "commandCenter.border": "#323435", - "editor.background": "#121314", - "editor.foreground": "#BABDBE", + "titleBar.border": "#2A2B2CFF", + "menubar.selectionBackground": "#232627", + "menubar.selectionForeground": "#bfbfbf", + "menu.background": "#1F2223", + "menu.foreground": "#bfbfbf", + "menu.selectionBackground": "#498FAE26", + "menu.selectionForeground": "#bfbfbf", + "menu.separatorBackground": "#818485", + "menu.border": "#2A2B2CFF", + "commandCenter.foreground": "#bfbfbf", + "commandCenter.activeForeground": "#bfbfbf", + "commandCenter.background": "#191B1D", + "commandCenter.activeBackground": "#252829", + "commandCenter.border": "#333536", + "editor.background": "#121416", + "editor.foreground": "#BBBEBF", "editorLineNumber.foreground": "#858889", - "editorLineNumber.activeForeground": "#BABDBE", - "editorCursor.foreground": "#BABDBE", - "editor.selectionBackground": "#007ABC33", - "editor.inactiveSelectionBackground": "#007ABC80", - "editor.selectionHighlightBackground": "#007ABC1A", - "editor.wordHighlightBackground": "#007ABCB3", - "editor.wordHighlightStrongBackground": "#007ABCE6", - "editor.findMatchBackground": "#007ABC4D", - "editor.findMatchHighlightBackground": "#007ABC26", - "editor.findRangeHighlightBackground": "#242526", - "editor.hoverHighlightBackground": "#242526", - "editor.lineHighlightBackground": "#242526", - "editor.rangeHighlightBackground": "#242526", - "editorLink.activeForeground": "#007ABC", + "editorLineNumber.activeForeground": "#BBBEBF", + "editorCursor.foreground": "#BBBEBF", + "editor.selectionBackground": "#498FAE33", + "editor.inactiveSelectionBackground": "#498FAE80", + "editor.selectionHighlightBackground": "#498FAE1A", + "editor.wordHighlightBackground": "#498FAE33", + "editor.wordHighlightStrongBackground": "#498FAE33", + "editor.findMatchBackground": "#498FAE4D", + "editor.findMatchHighlightBackground": "#498FAE26", + "editor.findRangeHighlightBackground": "#232627", + "editor.hoverHighlightBackground": "#232627", + "editor.lineHighlightBackground": "#232627", + "editor.rangeHighlightBackground": "#232627", + "editorLink.activeForeground": "#4a8fad", "editorWhitespace.foreground": "#8888884D", - "editorIndentGuide.background": "#8384854D", - "editorIndentGuide.activeBackground": "#838485", + "editorIndentGuide.background": "#8184854D", + "editorIndentGuide.activeBackground": "#818485", "editorRuler.foreground": "#848484", "editorCodeLens.foreground": "#888888", - "editorBracketMatch.background": "#007ABC80", - "editorBracketMatch.border": "#252627FF", - "editorWidget.background": "#202122", - "editorWidget.border": "#252627FF", - "editorWidget.foreground": "#bebebe", - "editorSuggestWidget.background": "#202122", - "editorSuggestWidget.border": "#252627FF", - "editorSuggestWidget.foreground": "#bebebe", - "editorSuggestWidget.highlightForeground": "#bebebe", - "editorSuggestWidget.selectedBackground": "#007ABC26", - "editorHoverWidget.background": "#202122", - "editorHoverWidget.border": "#252627FF", - "peekView.border": "#252627FF", - "peekViewEditor.background": "#191A1B", - "peekViewEditor.matchHighlightBackground": "#007ABC33", - "peekViewResult.background": "#242526", - "peekViewResult.fileForeground": "#bebebe", + "editorBracketMatch.background": "#498FAE55", + "editorBracketMatch.border": "#2A2B2CFF", + "editorWidget.background": "#1F2223", + "editorWidget.border": "#2A2B2CFF", + "editorWidget.foreground": "#bfbfbf", + "editorSuggestWidget.background": "#1F2223", + "editorSuggestWidget.border": "#2A2B2CFF", + "editorSuggestWidget.foreground": "#bfbfbf", + "editorSuggestWidget.highlightForeground": "#bfbfbf", + "editorSuggestWidget.selectedBackground": "#498FAE26", + "editorHoverWidget.background": "#1F2223", + "editorHoverWidget.border": "#2A2B2CFF", + "peekView.border": "#2A2B2CFF", + "peekViewEditor.background": "#191B1D", + "peekViewEditor.matchHighlightBackground": "#498FAE33", + "peekViewResult.background": "#232627", + "peekViewResult.fileForeground": "#bfbfbf", "peekViewResult.lineForeground": "#888888", - "peekViewResult.matchHighlightBackground": "#007ABC33", - "peekViewResult.selectionBackground": "#007ABC26", - "peekViewResult.selectionForeground": "#bebebe", - "peekViewTitle.background": "#242526", + "peekViewResult.matchHighlightBackground": "#498FAE33", + "peekViewResult.selectionBackground": "#498FAE26", + "peekViewResult.selectionForeground": "#bfbfbf", + "peekViewTitle.background": "#232627", "peekViewTitleDescription.foreground": "#888888", - "peekViewTitleLabel.foreground": "#bebebe", - "editorGutter.background": "#121314", - "editorGutter.addedBackground": "#72C892", - "editorGutter.deletedBackground": "#F28772", - "diffEditor.insertedTextBackground": "#72C89233", - "diffEditor.removedTextBackground": "#F2877233", - "editorOverviewRuler.border": "#252627FF", - "editorOverviewRuler.findMatchForeground": "#007ABC99", - "editorOverviewRuler.modifiedForeground": "#5ba3e0", + "peekViewTitleLabel.foreground": "#bfbfbf", + "editorGutter.background": "#121416", + "editorGutter.addedBackground": "#71C792", + "editorGutter.deletedBackground": "#EF8773", + "diffEditor.insertedTextBackground": "#71C79233", + "diffEditor.removedTextBackground": "#EF877333", + "editorOverviewRuler.border": "#2A2B2CFF", + "editorOverviewRuler.findMatchForeground": "#4a8fad99", + "editorOverviewRuler.modifiedForeground": "#6ab890", "editorOverviewRuler.addedForeground": "#73c991", "editorOverviewRuler.deletedForeground": "#f48771", "editorOverviewRuler.errorForeground": "#f48771", "editorOverviewRuler.warningForeground": "#e5ba7d", - "panel.background": "#191A1B", - "panel.border": "#252627FF", - "panelTitle.activeBorder": "#007ABC", - "panelTitle.activeForeground": "#bebebe", + "panel.background": "#191B1D", + "panel.border": "#2A2B2CFF", + "panelTitle.activeBorder": "#498FAD", + "panelTitle.activeForeground": "#bfbfbf", "panelTitle.inactiveForeground": "#888888", - "statusBar.background": "#191A1B", - "statusBar.foreground": "#bebebe", - "statusBar.border": "#252627FF", - "statusBar.focusBorder": "#007ABCB3", - "statusBar.debuggingBackground": "#007ABC", + "statusBar.background": "#191B1D", + "statusBar.foreground": "#bfbfbf", + "statusBar.border": "#2A2B2CFF", + "statusBar.focusBorder": "#498FADB3", + "statusBar.debuggingBackground": "#498FAE", "statusBar.debuggingForeground": "#FFFFFF", - "statusBar.noFolderBackground": "#191A1B", - "statusBar.noFolderForeground": "#bebebe", - "statusBarItem.activeBackground": "#007ABC", - "statusBarItem.hoverBackground": "#262728", - "statusBarItem.focusBorder": "#007ABCB3", - "statusBarItem.prominentBackground": "#007ABC", + "statusBar.noFolderBackground": "#191B1D", + "statusBar.noFolderForeground": "#bfbfbf", + "statusBarItem.activeBackground": "#498FAE", + "statusBarItem.hoverBackground": "#252829", + "statusBarItem.focusBorder": "#498FADB3", + "statusBarItem.prominentBackground": "#498FAE", "statusBarItem.prominentForeground": "#FFFFFF", - "statusBarItem.prominentHoverBackground": "#007ABC", - "tab.activeBackground": "#121314", - "tab.activeForeground": "#bebebe", - "tab.inactiveBackground": "#191A1B", + "statusBarItem.prominentHoverBackground": "#498FAE", + "tab.activeBackground": "#121416", + "tab.activeForeground": "#bfbfbf", + "tab.inactiveBackground": "#191B1D", "tab.inactiveForeground": "#888888", - "tab.border": "#252627FF", - "tab.lastPinnedBorder": "#252627FF", + "tab.border": "#2A2B2CFF", + "tab.lastPinnedBorder": "#2A2B2CFF", "tab.activeBorder": "#121314", - "tab.hoverBackground": "#262728", - "tab.hoverForeground": "#bebebe", - "tab.unfocusedActiveBackground": "#121314", + "tab.hoverBackground": "#252829", + "tab.hoverForeground": "#bfbfbf", + "tab.unfocusedActiveBackground": "#121416", "tab.unfocusedActiveForeground": "#888888", - "tab.unfocusedInactiveBackground": "#191A1B", + "tab.unfocusedInactiveBackground": "#191B1D", "tab.unfocusedInactiveForeground": "#444444", - "editorGroupHeader.tabsBackground": "#191A1B", - "editorGroupHeader.tabsBorder": "#252627FF", + "editorGroupHeader.tabsBackground": "#191B1D", + "editorGroupHeader.tabsBorder": "#2A2B2CFF", "breadcrumb.foreground": "#888888", - "breadcrumb.background": "#121314", - "breadcrumb.focusForeground": "#bebebe", - "breadcrumb.activeSelectionForeground": "#bebebe", - "breadcrumbPicker.background": "#202122", - "notificationCenter.border": "#252627FF", - "notificationCenterHeader.foreground": "#bebebe", - "notificationCenterHeader.background": "#242526", - "notificationToast.border": "#252627FF", - "notifications.foreground": "#bebebe", - "notifications.background": "#202122", - "notifications.border": "#252627FF", - "notificationLink.foreground": "#007ABC", - "extensionButton.prominentBackground": "#007ABC", + "breadcrumb.background": "#121416", + "breadcrumb.focusForeground": "#bfbfbf", + "breadcrumb.activeSelectionForeground": "#bfbfbf", + "breadcrumbPicker.background": "#1F2223", + "notificationCenter.border": "#2A2B2CFF", + "notificationCenterHeader.foreground": "#bfbfbf", + "notificationCenterHeader.background": "#232627", + "notificationToast.border": "#2A2B2CFF", + "notifications.foreground": "#bfbfbf", + "notifications.background": "#1F2223", + "notifications.border": "#2A2B2CFF", + "notificationLink.foreground": "#4a8fad", + "extensionButton.prominentBackground": "#498FAE", "extensionButton.prominentForeground": "#FFFFFF", - "extensionButton.prominentHoverBackground": "#0080C5", - "pickerGroup.border": "#252627FF", - "pickerGroup.foreground": "#bebebe", - "quickInput.background": "#202122", - "quickInput.foreground": "#bebebe", - "quickInputList.focusBackground": "#007ABC26", - "quickInputList.focusForeground": "#bebebe", - "quickInputList.focusIconForeground": "#bebebe", - "quickInputList.hoverBackground": "#515253", - "terminal.selectionBackground": "#007ABC33", - "terminalCursor.foreground": "#bebebe", - "terminalCursor.background": "#191A1B", + "extensionButton.prominentHoverBackground": "#4D94B4", + "pickerGroup.border": "#2A2B2CFF", + "pickerGroup.foreground": "#bfbfbf", + "quickInput.background": "#1F2223", + "quickInput.foreground": "#bfbfbf", + "quickInputList.focusBackground": "#498FAE26", + "quickInputList.focusForeground": "#bfbfbf", + "quickInputList.focusIconForeground": "#bfbfbf", + "quickInputList.hoverBackground": "#505354", + "terminal.selectionBackground": "#498FAE33", + "terminalCursor.foreground": "#bfbfbf", + "terminalCursor.background": "#191B1D", "gitDecoration.addedResourceForeground": "#73c991", "gitDecoration.modifiedResourceForeground": "#e5ba7d", "gitDecoration.deletedResourceForeground": "#f48771", @@ -227,10 +227,10 @@ "gitDecoration.conflictingResourceForeground": "#f48771", "gitDecoration.stageModifiedResourceForeground": "#e5ba7d", "gitDecoration.stageDeletedResourceForeground": "#f48771", - "quickInputTitle.background": "#202122", - "quickInput.border": "#323435", - "chat.requestBubbleBackground": "#007ABC26", - "chat.requestBubbleHoverBackground": "#007ABC46" + "quickInputTitle.background": "#1F2223", + "quickInput.border": "#333536", + "chat.requestBubbleBackground": "#498FAE26", + "chat.requestBubbleHoverBackground": "#498FAE46" }, "tokenColors": [ { diff --git a/extensions/theme-2026/themes/2026-light.json b/extensions/theme-2026/themes/2026-light.json index 0ad9277604d..2ef9666b656 100644 --- a/extensions/theme-2026/themes/2026-light.json +++ b/extensions/theme-2026/themes/2026-light.json @@ -9,9 +9,9 @@ "descriptionForeground": "#666666", "icon.foreground": "#666666", "focusBorder": "#4466CCFF", - "textBlockQuote.background": "#F3F3F3", + "textBlockQuote.background": "#E9E9E9", "textBlockQuote.border": "#EEEEEE00", - "textCodeBlock.background": "#F3F3F3", + "textCodeBlock.background": "#E9E9E9", "textLink.foreground": "#3457C0", "textLink.activeForeground": "#395DC9", "textPreformat.foreground": "#666666", @@ -20,10 +20,10 @@ "button.foreground": "#FFFFFF", "button.hoverBackground": "#4F6FCF", "button.border": "#EEEEEE00", - "button.secondaryBackground": "#F3F3F3", + "button.secondaryBackground": "#E9E9E9", "button.secondaryForeground": "#202020", - "button.secondaryHoverBackground": "#4466CC", - "checkbox.background": "#F3F3F3", + "button.secondaryHoverBackground": "#F5F5F5", + "checkbox.background": "#E9E9E9", "checkbox.border": "#EEEEEE00", "checkbox.foreground": "#202020", "dropdown.background": "#F9F9F9", @@ -55,7 +55,7 @@ "progressBar.background": "#666666", "list.activeSelectionBackground": "#4466CC26", "list.activeSelectionForeground": "#202020", - "list.inactiveSelectionBackground": "#F3F3F3", + "list.inactiveSelectionBackground": "#E9E9E9", "list.inactiveSelectionForeground": "#202020", "list.hoverBackground": "#FFFFFF", "list.hoverForeground": "#202020", @@ -87,7 +87,7 @@ "titleBar.inactiveBackground": "#F9F9F9", "titleBar.inactiveForeground": "#666666", "titleBar.border": "#EEEEEE00", - "menubar.selectionBackground": "#F3F3F3", + "menubar.selectionBackground": "#E9E9E9", "menubar.selectionForeground": "#202020", "menu.background": "#FCFCFC", "menu.foreground": "#202020", @@ -109,13 +109,13 @@ "editor.inactiveSelectionBackground": "#4466CC80", "editor.selectionHighlightBackground": "#4466CC1A", "editor.wordHighlightBackground": "#4466CC33", - "editor.wordHighlightStrongBackground": "#4466CCE6", + "editor.wordHighlightStrongBackground": "#4466CC33", "editor.findMatchBackground": "#4466CC4D", "editor.findMatchHighlightBackground": "#4466CC26", - "editor.findRangeHighlightBackground": "#F3F3F3", - "editor.hoverHighlightBackground": "#F3F3F3", - "editor.lineHighlightBackground": "#F3F3F3", - "editor.rangeHighlightBackground": "#F3F3F3", + "editor.findRangeHighlightBackground": "#E9E9E9", + "editor.hoverHighlightBackground": "#E9E9E9", + "editor.lineHighlightBackground": "#E9E9E9", + "editor.rangeHighlightBackground": "#E9E9E9", "editorLink.activeForeground": "#4466CC", "editorWhitespace.foreground": "#6666664D", "editorIndentGuide.background": "#F4F4F44D", @@ -137,13 +137,13 @@ "peekView.border": "#EEEEEE00", "peekViewEditor.background": "#F9F9F9", "peekViewEditor.matchHighlightBackground": "#4466CC33", - "peekViewResult.background": "#F3F3F3", + "peekViewResult.background": "#E9E9E9", "peekViewResult.fileForeground": "#202020", "peekViewResult.lineForeground": "#666666", "peekViewResult.matchHighlightBackground": "#4466CC33", "peekViewResult.selectionBackground": "#4466CC26", "peekViewResult.selectionForeground": "#202020", - "peekViewTitle.background": "#F3F3F3", + "peekViewTitle.background": "#E9E9E9", "peekViewTitleDescription.foreground": "#666666", "peekViewTitleLabel.foreground": "#202020", "editorGutter.background": "#FDFDFD", @@ -199,7 +199,7 @@ "breadcrumbPicker.background": "#FCFCFC", "notificationCenter.border": "#EEEEEE00", "notificationCenterHeader.foreground": "#202020", - "notificationCenterHeader.background": "#F3F3F3", + "notificationCenterHeader.background": "#E9E9E9", "notificationToast.border": "#EEEEEE00", "notifications.foreground": "#202020", "notifications.background": "#FCFCFC", diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index e475f6dbeb3..60c4dd98ee3 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -43,11 +43,11 @@ .monaco-workbench .part.statusbar { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); z-index: 55; position: relative; } /* Quick Input (Command Palette) */ -.monaco-workbench .quick-input-widget { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) !important; border: none !important; border-radius: 12px; overflow: hidden; background: rgba(252, 252, 253, 0.5) !important; backdrop-filter: blur(20px) saturate(100%); -webkit-backdrop-filter: blur(40px) saturate(180%); } +.monaco-workbench .quick-input-widget { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) !important; border-radius: 12px; overflow: hidden; background: rgba(252, 252, 253, 0.5) !important; backdrop-filter: blur(20px) saturate(100%); -webkit-backdrop-filter: blur(40px) saturate(180%); } .monaco-workbench.vs-dark .quick-input-widget, -.monaco-workbench.hc-black .quick-input-widget { background: rgba(10, 10, 11, 0.85) !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.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 *, */ .monaco-workbench .quick-input-widget .quick-input-header, .monaco-workbench .quick-input-widget .quick-input-list, @@ -96,6 +96,10 @@ .monaco-workbench.vs .monaco-menu .monaco-action-bar.vertical, .monaco-workbench.vs .context-view .monaco-menu { background: rgba(252, 252, 253, 0.85) !important; } +.monaco-workbench .action-widget { background: rgba(252, 252, 253, 0.5) !important; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%);} +.monaco-workbench.vs-dark .action-widget { background: rgba(10, 10, 11, 0.5) !important; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%);} +.monaco-workbench .action-widget .action-widget-action-bar {background: transparent;} + /* Suggest Widget */ .monaco-workbench .monaco-editor .suggest-widget { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); border: none; border-radius: 12px; overflow: hidden; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); } .monaco-workbench.vs-dark .monaco-editor .suggest-widget, @@ -156,7 +160,7 @@ .monaco-workbench .pane-body.integrated-terminal { box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.1); } /* SCM */ -.monaco-workbench .scm-view .scm-provider { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); border-radius: 6px; margin: 4px; } +.monaco-workbench .scm-view .scm-provider { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); border-radius: 6px; } /* Debug Toolbar */ .monaco-workbench .debug-toolbar { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); border: none; border-radius: 8px; } @@ -223,18 +227,13 @@ box-shadow: none; background-color: transparent; } -/* .monaco-workbench .part.titlebar .command-center, -.monaco-workbench .part.titlebar .command-center *, -.monaco-workbench .part.titlebar .command-center-center, -.monaco-workbench .part.titlebar .command-center .action-item, -.monaco-workbench .part.titlebar .command-center .search-icon, -.monaco-workbench .part.titlebar .command-center .search-label { border: none !important; border-color: transparent !important; outline: none !important; } */ /* Remove Borders */ -.monaco-workbench .part.sidebar { border-right: none !important; border-left: none !important; } -.monaco-workbench .part.auxiliarybar { border-right: none !important; border-left: none !important; } +.monaco-workbench.vs .part.sidebar { border-right: none !important; border-left: none !important; } +.monaco-workbench.vs .part.auxiliarybar { border-right: none !important; border-left: none !important; } .monaco-workbench .part.panel { border-top: none !important; } -.monaco-workbench .part.activitybar { border-right: none !important; border-left: none !important; } -.monaco-workbench .part.titlebar { border-bottom: none !important; } -.monaco-workbench .part.statusbar { border-top: none !important; } +.monaco-workbench.vs .part.activitybar { border-right: none !important; border-left: none !important; } +.monaco-workbench.vs .part.titlebar { border-bottom: none !important; } +.monaco-workbench.vs .part.statusbar { border-top: none !important; } .monaco-workbench .part.editor > .content .editor-group-container { border: none !important; } +.monaco-workbench .pane-composite-part:not(.empty) > .header { border-bottom: none !important; }