diff --git a/extensions/theme-2026/package.json b/extensions/theme-2026/package.json index 593169de867..b425a019e2f 100644 --- a/extensions/theme-2026/package.json +++ b/extensions/theme-2026/package.json @@ -8,23 +8,31 @@ "engines": { "vscode": "^1.85.0" }, + "enabledApiProposals": [ + "css" + ], "categories": [ "Themes" ], "contributes": { "themes": [ { - "id": "2026-light", + "id": "2026-light-experimental", "label": "2026 Light", "uiTheme": "vs", "path": "./themes/2026-light.json" }, { - "id": "2026-dark", + "id": "2026-dark-experimental", "label": "2026 Dark", "uiTheme": "vs-dark", "path": "./themes/2026-dark.json" } - ] + ], + "css": [ + { + "path": "./themes/styles.css" + } + ] } } diff --git a/extensions/theme-2026/themes/2026-dark.json b/extensions/theme-2026/themes/2026-dark.json index 1dbea210de3..7857cd2f1c5 100644 --- a/extensions/theme-2026/themes/2026-dark.json +++ b/extensions/theme-2026/themes/2026-dark.json @@ -8,99 +8,99 @@ "errorForeground": "#f48771", "descriptionForeground": "#888888", "icon.foreground": "#888888", - "focusBorder": "#007ABBB3", - "textBlockQuote.background": "#22282C", + "focusBorder": "#007ABCB3", + "textBlockQuote.background": "#242526", "textBlockQuote.border": "#252627FF", - "textCodeBlock.background": "#22282C", - "textLink.foreground": "#0092E0", - "textLink.activeForeground": "#009AEB", + "textCodeBlock.background": "#242526", + "textLink.foreground": "#0092E2", + "textLink.activeForeground": "#009AEC", "textPreformat.foreground": "#888888", "textSeparator.foreground": "#252525FF", "button.background": "#007ABC", "button.foreground": "#FFFFFF", - "button.hoverBackground": "#0080C4", + "button.hoverBackground": "#0080C5", "button.border": "#252627FF", - "button.secondaryBackground": "#22282C", + "button.secondaryBackground": "#242526", "button.secondaryForeground": "#bebebe", "button.secondaryHoverBackground": "#007ABC", - "checkbox.background": "#22282C", + "checkbox.background": "#242526", "checkbox.border": "#252627FF", "checkbox.foreground": "#bebebe", - "dropdown.background": "#181E22", + "dropdown.background": "#191A1B", "dropdown.border": "#323435", "dropdown.foreground": "#bebebe", - "dropdown.listBackground": "#1E2529", - "input.background": "#181E22", + "dropdown.listBackground": "#202122", + "input.background": "#191A1B", "input.border": "#323435FF", "input.foreground": "#bebebe", "input.placeholderForeground": "#777777", "inputOption.activeBackground": "#007ABC33", "inputOption.activeForeground": "#bebebe", "inputOption.activeBorder": "#252627FF", - "inputValidation.errorBackground": "#181E22", + "inputValidation.errorBackground": "#191A1B", "inputValidation.errorBorder": "#252627FF", "inputValidation.errorForeground": "#bebebe", - "inputValidation.infoBackground": "#181E22", + "inputValidation.infoBackground": "#191A1B", "inputValidation.infoBorder": "#252627FF", "inputValidation.infoForeground": "#bebebe", - "inputValidation.warningBackground": "#181E22", + "inputValidation.warningBackground": "#191A1B", "inputValidation.warningBorder": "#252627FF", "inputValidation.warningForeground": "#bebebe", "scrollbar.shadow": "#191B1D4D", - "scrollbarSlider.background": "#7D848833", - "scrollbarSlider.hoverBackground": "#7D848866", - "scrollbarSlider.activeBackground": "#7D848899", + "scrollbarSlider.background": "#83848533", + "scrollbarSlider.hoverBackground": "#83848566", + "scrollbarSlider.activeBackground": "#83848599", "badge.background": "#007ABC", "badge.foreground": "#FFFFFF", - "progressBar.background": "#81878B", + "progressBar.background": "#878889", "list.activeSelectionBackground": "#007ABC26", "list.activeSelectionForeground": "#bebebe", - "list.inactiveSelectionBackground": "#22282C", + "list.inactiveSelectionBackground": "#242526", "list.inactiveSelectionForeground": "#bebebe", - "list.hoverBackground": "#242A2E", + "list.hoverBackground": "#262728", "list.hoverForeground": "#bebebe", "list.dropBackground": "#007ABC1A", "list.focusBackground": "#007ABC26", "list.focusForeground": "#bebebe", - "list.focusOutline": "#007ABBB3", + "list.focusOutline": "#007ABCB3", "list.highlightForeground": "#bebebe", "list.invalidItemForeground": "#444444", "list.errorForeground": "#f48771", "list.warningForeground": "#e5ba7d", - "activityBar.background": "#181E22", + "activityBar.background": "#191A1B", "activityBar.foreground": "#bebebe", "activityBar.inactiveForeground": "#888888", "activityBar.border": "#252627FF", "activityBar.activeBorder": "#252627FF", - "activityBar.activeFocusBorder": "#007ABBB3", + "activityBar.activeFocusBorder": "#007ABCB3", "activityBarBadge.background": "#007ABC", "activityBarBadge.foreground": "#FFFFFF", - "sideBar.background": "#181E22", + "sideBar.background": "#191A1B", "sideBar.foreground": "#bebebe", "sideBar.border": "#252627FF", "sideBarTitle.foreground": "#bebebe", - "sideBarSectionHeader.background": "#181E22", + "sideBarSectionHeader.background": "#191A1B", "sideBarSectionHeader.foreground": "#bebebe", "sideBarSectionHeader.border": "#252627FF", - "titleBar.activeBackground": "#181E22", + "titleBar.activeBackground": "#191A1B", "titleBar.activeForeground": "#bebebe", - "titleBar.inactiveBackground": "#181E22", + "titleBar.inactiveBackground": "#191A1B", "titleBar.inactiveForeground": "#888888", "titleBar.border": "#252627FF", - "menubar.selectionBackground": "#22282C", + "menubar.selectionBackground": "#242526", "menubar.selectionForeground": "#bebebe", - "menu.background": "#1E2529", + "menu.background": "#202122", "menu.foreground": "#bebebe", "menu.selectionBackground": "#007ABC26", "menu.selectionForeground": "#bebebe", - "menu.separatorBackground": "#7D8488", + "menu.separatorBackground": "#838485", "menu.border": "#252627FF", "commandCenter.foreground": "#bebebe", "commandCenter.activeForeground": "#bebebe", - "commandCenter.background": "#181E22", - "commandCenter.activeBackground": "#242A2E", + "commandCenter.background": "#191A1B", + "commandCenter.activeBackground": "#262728", "commandCenter.border": "#323435", - "editor.background": "#11171B", + "editor.background": "#121314", "editor.foreground": "#BABDBE", "editorLineNumber.foreground": "#858889", "editorLineNumber.activeForeground": "#BABDBE", @@ -112,113 +112,113 @@ "editor.wordHighlightStrongBackground": "#007ABCE6", "editor.findMatchBackground": "#007ABC4D", "editor.findMatchHighlightBackground": "#007ABC26", - "editor.findRangeHighlightBackground": "#22282C", - "editor.hoverHighlightBackground": "#22282C", - "editor.lineHighlightBackground": "#22282C", - "editor.rangeHighlightBackground": "#22282C", - "editorLink.activeForeground": "#007ABB", + "editor.findRangeHighlightBackground": "#242526", + "editor.hoverHighlightBackground": "#242526", + "editor.lineHighlightBackground": "#242526", + "editor.rangeHighlightBackground": "#242526", + "editorLink.activeForeground": "#007ABC", "editorWhitespace.foreground": "#8888884D", - "editorIndentGuide.background": "#7D84884D", - "editorIndentGuide.activeBackground": "#7D8488", + "editorIndentGuide.background": "#8384854D", + "editorIndentGuide.activeBackground": "#838485", "editorRuler.foreground": "#848484", "editorCodeLens.foreground": "#888888", "editorBracketMatch.background": "#007ABC80", "editorBracketMatch.border": "#252627FF", - "editorWidget.background": "#1E2529", + "editorWidget.background": "#202122", "editorWidget.border": "#252627FF", "editorWidget.foreground": "#bebebe", - "editorSuggestWidget.background": "#1E2529", + "editorSuggestWidget.background": "#202122", "editorSuggestWidget.border": "#252627FF", "editorSuggestWidget.foreground": "#bebebe", "editorSuggestWidget.highlightForeground": "#bebebe", "editorSuggestWidget.selectedBackground": "#007ABC26", - "editorHoverWidget.background": "#1E2529", + "editorHoverWidget.background": "#202122", "editorHoverWidget.border": "#252627FF", "peekView.border": "#252627FF", - "peekViewEditor.background": "#181E22", + "peekViewEditor.background": "#191A1B", "peekViewEditor.matchHighlightBackground": "#007ABC33", - "peekViewResult.background": "#22282C", + "peekViewResult.background": "#242526", "peekViewResult.fileForeground": "#bebebe", "peekViewResult.lineForeground": "#888888", "peekViewResult.matchHighlightBackground": "#007ABC33", "peekViewResult.selectionBackground": "#007ABC26", "peekViewResult.selectionForeground": "#bebebe", - "peekViewTitle.background": "#22282C", + "peekViewTitle.background": "#242526", "peekViewTitleDescription.foreground": "#888888", "peekViewTitleLabel.foreground": "#bebebe", - "editorGutter.background": "#11171B", - "editorGutter.addedBackground": "#6DC594", - "editorGutter.deletedBackground": "#E88676", - "diffEditor.insertedTextBackground": "#6DC59454", - "diffEditor.removedTextBackground": "#E8867654", + "editorGutter.background": "#121314", + "editorGutter.addedBackground": "#72C892", + "editorGutter.deletedBackground": "#F28772", + "diffEditor.insertedTextBackground": "#72C89254", + "diffEditor.removedTextBackground": "#F2877254", "editorOverviewRuler.border": "#252627FF", - "editorOverviewRuler.findMatchForeground": "#007ABB99", + "editorOverviewRuler.findMatchForeground": "#007ABC99", "editorOverviewRuler.modifiedForeground": "#5ba3e0", "editorOverviewRuler.addedForeground": "#73c991", "editorOverviewRuler.deletedForeground": "#f48771", "editorOverviewRuler.errorForeground": "#f48771", "editorOverviewRuler.warningForeground": "#e5ba7d", - "panel.background": "#181E22", + "panel.background": "#191A1B", "panel.border": "#252627FF", - "panelTitle.activeBorder": "#007ABB", + "panelTitle.activeBorder": "#007ABC", "panelTitle.activeForeground": "#bebebe", "panelTitle.inactiveForeground": "#888888", - "statusBar.background": "#181E22", + "statusBar.background": "#191A1B", "statusBar.foreground": "#bebebe", "statusBar.border": "#252627FF", - "statusBar.focusBorder": "#007ABBB3", + "statusBar.focusBorder": "#007ABCB3", "statusBar.debuggingBackground": "#007ABC", "statusBar.debuggingForeground": "#FFFFFF", - "statusBar.noFolderBackground": "#181E22", + "statusBar.noFolderBackground": "#191A1B", "statusBar.noFolderForeground": "#bebebe", "statusBarItem.activeBackground": "#007ABC", - "statusBarItem.hoverBackground": "#242A2E", - "statusBarItem.focusBorder": "#007ABBB3", + "statusBarItem.hoverBackground": "#262728", + "statusBarItem.focusBorder": "#007ABCB3", "statusBarItem.prominentBackground": "#007ABC", "statusBarItem.prominentForeground": "#FFFFFF", "statusBarItem.prominentHoverBackground": "#007ABC", - "tab.activeBackground": "#11171B", + "tab.activeBackground": "#121314", "tab.activeForeground": "#bebebe", - "tab.inactiveBackground": "#181E22", + "tab.inactiveBackground": "#191A1B", "tab.inactiveForeground": "#888888", "tab.border": "#252627FF", "tab.lastPinnedBorder": "#252627FF", "tab.activeBorder": "#121314", - "tab.hoverBackground": "#242A2E", + "tab.hoverBackground": "#262728", "tab.hoverForeground": "#bebebe", - "tab.unfocusedActiveBackground": "#11171B", + "tab.unfocusedActiveBackground": "#121314", "tab.unfocusedActiveForeground": "#888888", - "tab.unfocusedInactiveBackground": "#181E22", + "tab.unfocusedInactiveBackground": "#191A1B", "tab.unfocusedInactiveForeground": "#444444", - "editorGroupHeader.tabsBackground": "#181E22", + "editorGroupHeader.tabsBackground": "#191A1B", "editorGroupHeader.tabsBorder": "#252627FF", "breadcrumb.foreground": "#888888", - "breadcrumb.background": "#11171B", + "breadcrumb.background": "#121314", "breadcrumb.focusForeground": "#bebebe", "breadcrumb.activeSelectionForeground": "#bebebe", - "breadcrumbPicker.background": "#1E2529", + "breadcrumbPicker.background": "#202122", "notificationCenter.border": "#252627FF", "notificationCenterHeader.foreground": "#bebebe", - "notificationCenterHeader.background": "#22282C", + "notificationCenterHeader.background": "#242526", "notificationToast.border": "#252627FF", "notifications.foreground": "#bebebe", - "notifications.background": "#1E2529", + "notifications.background": "#202122", "notifications.border": "#252627FF", - "notificationLink.foreground": "#007ABB", + "notificationLink.foreground": "#007ABC", "extensionButton.prominentBackground": "#007ABC", "extensionButton.prominentForeground": "#FFFFFF", - "extensionButton.prominentHoverBackground": "#0080C4", + "extensionButton.prominentHoverBackground": "#0080C5", "pickerGroup.border": "#252627FF", "pickerGroup.foreground": "#bebebe", - "quickInput.background": "#1E2529", + "quickInput.background": "#202122", "quickInput.foreground": "#bebebe", "quickInputList.focusBackground": "#007ABC26", "quickInputList.focusForeground": "#bebebe", "quickInputList.focusIconForeground": "#bebebe", - "quickInputList.hoverBackground": "#4E5458", + "quickInputList.hoverBackground": "#515253", "terminal.selectionBackground": "#007ABC33", "terminalCursor.foreground": "#bebebe", - "terminalCursor.background": "#181E22", + "terminalCursor.background": "#191A1B", "gitDecoration.addedResourceForeground": "#73c991", "gitDecoration.modifiedResourceForeground": "#e5ba7d", "gitDecoration.deletedResourceForeground": "#f48771", @@ -227,7 +227,7 @@ "gitDecoration.conflictingResourceForeground": "#f48771", "gitDecoration.stageModifiedResourceForeground": "#e5ba7d", "gitDecoration.stageDeletedResourceForeground": "#f48771", - "quickInputTitle.background": "#1E2529", + "quickInputTitle.background": "#202122", "quickInput.border": "#323435", "chat.requestBubbleBackground": "#007ABC26", "chat.requestBubbleHoverBackground": "#007ABC46" diff --git a/extensions/theme-2026/themes/2026-light.json b/extensions/theme-2026/themes/2026-light.json index aff045220a3..ba908cc9979 100644 --- a/extensions/theme-2026/themes/2026-light.json +++ b/extensions/theme-2026/themes/2026-light.json @@ -4,47 +4,47 @@ "type": "light", "colors": { "foreground": "#202020", - "disabledForeground": "#999999", + "disabledForeground": "#BBBBBB", "errorForeground": "#ad0707", "descriptionForeground": "#666666", "icon.foreground": "#666666", "focusBorder": "#4466CCFF", "textBlockQuote.background": "#F3F3F3", - "textBlockQuote.border": "#ECEDEEFF", + "textBlockQuote.border": "#EEEEEE00", "textCodeBlock.background": "#F3F3F3", "textLink.foreground": "#6F89D8", "textLink.activeForeground": "#7C94DB", "textPreformat.foreground": "#666666", - "textSeparator.foreground": "#EEEEEEFF", + "textSeparator.foreground": "#EEEEEE00", "button.background": "#4466CC", "button.foreground": "#FFFFFF", "button.hoverBackground": "#4F6FCF", - "button.border": "#ECEDEEFF", + "button.border": "#EEEEEE00", "button.secondaryBackground": "#F3F3F3", "button.secondaryForeground": "#202020", "button.secondaryHoverBackground": "#4466CC", "checkbox.background": "#F3F3F3", - "checkbox.border": "#ECEDEEFF", + "checkbox.border": "#EEEEEE00", "checkbox.foreground": "#202020", "dropdown.background": "#F9F9F9", - "dropdown.border": "#D0D1D2", + "dropdown.border": "#D6D7D8", "dropdown.foreground": "#202020", "dropdown.listBackground": "#FCFCFC", "input.background": "#F9F9F9", - "input.border": "#D0D1D2FF", + "input.border": "#D6D7D880", "input.foreground": "#202020", - "input.placeholderForeground": "#AAAAAA", + "input.placeholderForeground": "#999999", "inputOption.activeBackground": "#4466CC33", "inputOption.activeForeground": "#202020", - "inputOption.activeBorder": "#ECEDEEFF", + "inputOption.activeBorder": "#EEEEEE00", "inputValidation.errorBackground": "#F9F9F9", - "inputValidation.errorBorder": "#ECEDEEFF", + "inputValidation.errorBorder": "#EEEEEE00", "inputValidation.errorForeground": "#202020", "inputValidation.infoBackground": "#F9F9F9", - "inputValidation.infoBorder": "#ECEDEEFF", + "inputValidation.infoBorder": "#EEEEEE00", "inputValidation.infoForeground": "#202020", "inputValidation.warningBackground": "#F9F9F9", - "inputValidation.warningBorder": "#ECEDEEFF", + "inputValidation.warningBorder": "#EEEEEE00", "inputValidation.warningForeground": "#202020", "scrollbar.shadow": "#F5F6F84D", "scrollbarSlider.background": "#4466CC33", @@ -64,29 +64,29 @@ "list.focusForeground": "#202020", "list.focusOutline": "#4466CCFF", "list.highlightForeground": "#202020", - "list.invalidItemForeground": "#999999", + "list.invalidItemForeground": "#BBBBBB", "list.errorForeground": "#ad0707", "list.warningForeground": "#667309", "activityBar.background": "#F9F9F9", "activityBar.foreground": "#202020", "activityBar.inactiveForeground": "#666666", - "activityBar.border": "#ECEDEEFF", - "activityBar.activeBorder": "#ECEDEEFF", + "activityBar.border": "#EEEEEE00", + "activityBar.activeBorder": "#EEEEEE00", "activityBar.activeFocusBorder": "#4466CCFF", "activityBarBadge.background": "#4466CC", "activityBarBadge.foreground": "#FFFFFF", "sideBar.background": "#F9F9F9", "sideBar.foreground": "#202020", - "sideBar.border": "#ECEDEEFF", + "sideBar.border": "#EEEEEE00", "sideBarTitle.foreground": "#202020", "sideBarSectionHeader.background": "#F9F9F9", "sideBarSectionHeader.foreground": "#202020", - "sideBarSectionHeader.border": "#ECEDEEFF", + "sideBarSectionHeader.border": "#EEEEEE00", "titleBar.activeBackground": "#F9F9F9", - "titleBar.activeForeground": "#202020", + "titleBar.activeForeground": "#424242", "titleBar.inactiveBackground": "#F9F9F9", "titleBar.inactiveForeground": "#666666", - "titleBar.border": "#ECEDEEFF", + "titleBar.border": "#EEEEEE00", "menubar.selectionBackground": "#F3F3F3", "menubar.selectionForeground": "#202020", "menu.background": "#FCFCFC", @@ -94,12 +94,12 @@ "menu.selectionBackground": "#4466CC26", "menu.selectionForeground": "#202020", "menu.separatorBackground": "#F4F4F4", - "menu.border": "#ECEDEEFF", + "menu.border": "#EEEEEE00", "commandCenter.foreground": "#202020", "commandCenter.activeForeground": "#202020", "commandCenter.background": "#F9F9F9", "commandCenter.activeBackground": "#FFFFFF", - "commandCenter.border": "#D0D1D2", + "commandCenter.border": "#D6D7D880", "editor.background": "#FDFDFD", "editor.foreground": "#202123", "editorLineNumber.foreground": "#656668", @@ -123,18 +123,18 @@ "editorRuler.foreground": "#F4F4F4", "editorCodeLens.foreground": "#666666", "editorBracketMatch.background": "#4466CC80", - "editorBracketMatch.border": "#ECEDEEFF", + "editorBracketMatch.border": "#EEEEEE00", "editorWidget.background": "#FCFCFC", - "editorWidget.border": "#ECEDEEFF", + "editorWidget.border": "#EEEEEE00", "editorWidget.foreground": "#202020", "editorSuggestWidget.background": "#FCFCFC", - "editorSuggestWidget.border": "#ECEDEEFF", + "editorSuggestWidget.border": "#EEEEEE00", "editorSuggestWidget.foreground": "#202020", "editorSuggestWidget.highlightForeground": "#202020", "editorSuggestWidget.selectedBackground": "#4466CC26", "editorHoverWidget.background": "#FCFCFC", - "editorHoverWidget.border": "#ECEDEEFF", - "peekView.border": "#ECEDEEFF", + "editorHoverWidget.border": "#EEEEEE00", + "peekView.border": "#EEEEEE00", "peekViewEditor.background": "#F9F9F9", "peekViewEditor.matchHighlightBackground": "#4466CC33", "peekViewResult.background": "#F3F3F3", @@ -151,7 +151,7 @@ "editorGutter.deletedBackground": "#ad0707", "diffEditor.insertedTextBackground": "#587c0c54", "diffEditor.removedTextBackground": "#ad070754", - "editorOverviewRuler.border": "#ECEDEEFF", + "editorOverviewRuler.border": "#EEEEEE00", "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": "#EEEEEE00", "panelTitle.activeBorder": "#4466CC", "panelTitle.activeForeground": "#202020", "panelTitle.inactiveForeground": "#666666", "statusBar.background": "#F9F9F9", "statusBar.foreground": "#202020", - "statusBar.border": "#ECEDEEFF", + "statusBar.border": "#EEEEEE00", "statusBar.focusBorder": "#4466CCFF", "statusBar.debuggingBackground": "#4466CC", "statusBar.debuggingForeground": "#FFFFFF", @@ -181,34 +181,34 @@ "tab.activeForeground": "#202020", "tab.inactiveBackground": "#F9F9F9", "tab.inactiveForeground": "#666666", - "tab.border": "#ECEDEEFF", - "tab.lastPinnedBorder": "#ECEDEEFF", + "tab.border": "#EEEEEE00", + "tab.lastPinnedBorder": "#EEEEEE00", "tab.activeBorder": "#FBFBFD", "tab.hoverBackground": "#FFFFFF", "tab.hoverForeground": "#202020", "tab.unfocusedActiveBackground": "#FDFDFD", "tab.unfocusedActiveForeground": "#666666", "tab.unfocusedInactiveBackground": "#F9F9F9", - "tab.unfocusedInactiveForeground": "#999999", + "tab.unfocusedInactiveForeground": "#BBBBBB", "editorGroupHeader.tabsBackground": "#F9F9F9", - "editorGroupHeader.tabsBorder": "#ECEDEEFF", + "editorGroupHeader.tabsBorder": "#EEEEEE00", "breadcrumb.foreground": "#666666", "breadcrumb.background": "#FDFDFD", "breadcrumb.focusForeground": "#202020", "breadcrumb.activeSelectionForeground": "#202020", "breadcrumbPicker.background": "#FCFCFC", - "notificationCenter.border": "#ECEDEEFF", + "notificationCenter.border": "#EEEEEE00", "notificationCenterHeader.foreground": "#202020", "notificationCenterHeader.background": "#F3F3F3", - "notificationToast.border": "#ECEDEEFF", + "notificationToast.border": "#EEEEEE00", "notifications.foreground": "#202020", "notifications.background": "#FCFCFC", - "notifications.border": "#ECEDEEFF", + "notifications.border": "#EEEEEE00", "notificationLink.foreground": "#4466CC", "extensionButton.prominentBackground": "#4466CC", "extensionButton.prominentForeground": "#FFFFFF", "extensionButton.prominentHoverBackground": "#4F6FCF", - "pickerGroup.border": "#ECEDEEFF", + "pickerGroup.border": "#EEEEEE00", "pickerGroup.foreground": "#202020", "quickInput.background": "#FCFCFC", "quickInput.foreground": "#202020", @@ -228,7 +228,7 @@ "gitDecoration.stageModifiedResourceForeground": "#667309", "gitDecoration.stageDeletedResourceForeground": "#ad0707", "quickInputTitle.background": "#FCFCFC", - "quickInput.border": "#D0D1D2", + "quickInput.border": "#D6D7D8", "chat.requestBubbleBackground": "#4466CC1A", "chat.requestBubbleHoverBackground": "#4466CC26" }, diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css new file mode 100644 index 00000000000..9622b828233 --- /dev/null +++ b/extensions/theme-2026/themes/styles.css @@ -0,0 +1,223 @@ +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +/* Stealth Shadows - shadow-based depth for UI elements, controlled by workbench.stealthShadows.enabled */ + +/* styles.css */ +.monaco-workbench { + --my-custom-color: blue; +} + +/* Activity Bar */ +.monaco-workbench .part.activitybar { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); z-index: 50; position: relative; } +.monaco-workbench.activitybar-right .part.activitybar { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); } + +/* Sidebar */ +.monaco-workbench .part.sidebar { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); z-index: 40; position: relative; } +.monaco-workbench.sidebar-right .part.sidebar { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); } +.monaco-workbench .part.auxiliarybar { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); z-index: 40; position: relative; } + +/* Panel */ +.monaco-workbench .part.panel { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); z-index: 35; position: relative; } +.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); } + +/* Editor */ +.monaco-workbench .part.editor { position: relative; } +.monaco-workbench .part.editor > .content .editor-group-container > .title { box-shadow: none; position: relative; z-index: 10; } +.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active { box-shadow: 0 0 5px rgba(0, 0, 0, 0.10); position: relative; z-index: 5; border-radius: 4px 4px 0 0; border-top: none !important; } +.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab:hover:not(.active) { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); } + +/* Title Bar */ +.monaco-workbench .part.titlebar { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); z-index: 60; position: relative; overflow: visible !important; } +.monaco-workbench .part.titlebar .titlebar-container, +.monaco-workbench .part.titlebar .titlebar-center, +.monaco-workbench .part.titlebar .titlebar-center .window-title, +.monaco-workbench .part.titlebar .command-center, +.monaco-workbench .part.titlebar .command-center .monaco-action-bar, +.monaco-workbench .part.titlebar .command-center .actions-container { overflow: visible !important; } + +/* Status Bar */ +.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.2) !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 .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, +.monaco-workbench .quick-input-widget .quick-input-title, +.monaco-workbench .quick-input-widget .quick-input-description, +.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: none !important; border-color: transparent !important; outline: none !important; } +.monaco-workbench .quick-input-widget .monaco-inputbox { box-shadow: none !important; background: transparent !important; } +.monaco-workbench .quick-input-widget .quick-input-filter .monaco-inputbox { background: rgba(249, 250, 251, 0.4) !important; border-radius: 6px; } +.monaco-workbench.vs-dark .quick-input-widget .quick-input-filter .monaco-inputbox, +.monaco-workbench.hc-black .quick-input-widget .quick-input-filter .monaco-inputbox { background: rgba(20, 20, 22, 0.6) !important; } + +/* Chat Widget */ +.monaco-workbench .interactive-session .chat-input-container { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); border-radius: 6px; } +.monaco-workbench .interactive-session .interactive-input-part .chat-editor-container .interactive-input-editor .monaco-editor, +.monaco-workbench .interactive-session .interactive-input-part .chat-editor-container .interactive-input-editor .monaco-editor .monaco-editor-background { background-color: var(--vscode-panel-background, var(--vscode-sideBar-background)) !important; } +.monaco-workbench .interactive-session .chat-editing-session .chat-editing-session-container { box-shadow: 0 0 6px rgba(0, 0, 0, 0.10); border-radius: 4px 4px 0 0; } +.monaco-workbench .interactive-input-part:has(.chat-editing-session > .chat-editing-session-container) .chat-input-container { border-radius: 0 0 6px 6px; } +.monaco-workbench .part.panel .interactive-session, +.monaco-workbench .part.auxiliarybar .interactive-session { position: relative; } + +/* Notifications */ +.monaco-workbench .notifications-toasts { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); } +.monaco-workbench .notification-toast { box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); border: none; border-radius: 8px; overflow: hidden; } + +/* Context Menus */ +.monaco-workbench .monaco-menu .monaco-action-bar.vertical { 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 .context-view .monaco-menu { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); border: none; border-radius: 12px; } +.monaco-workbench.vs-dark .monaco-menu .monaco-action-bar.vertical, +.monaco-workbench.vs-dark .context-view .monaco-menu, +.monaco-workbench.hc-black .monaco-menu .monaco-action-bar.vertical, +.monaco-workbench.hc-black .context-view .monaco-menu { background: rgba(10, 10, 11, 0.85) !important; } +.monaco-workbench.vs .monaco-menu .monaco-action-bar.vertical, +.monaco-workbench.vs .context-view .monaco-menu { background: rgba(252, 252, 253, 0.85) !important; } + +/* 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, +.monaco-workbench.hc-black .monaco-editor .suggest-widget { background: rgba(10, 10, 11, 0.85) !important; } +.monaco-workbench.vs .monaco-editor .suggest-widget { background: rgba(252, 252, 253, 0.85) !important; } + +/* Find Widget */ +.monaco-workbench .monaco-editor .find-widget { box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); border: none; border-radius: 8px; } + +/* Dialog */ +.monaco-workbench .monaco-dialog-box { box-shadow: 0 0 20px rgba(0, 0, 0, 0.18); border: none; border-radius: 12px; overflow: hidden; } + +/* Peek View */ +.monaco-workbench .monaco-editor .peekview-widget { box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); border: none; background: var(--vscode-editor-background, #EDEDED) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 8px; overflow: hidden; } +.monaco-workbench .monaco-editor .peekview-widget .head, +.monaco-workbench .monaco-editor .peekview-widget .body { background: transparent !important; } +.monaco-workbench .monaco-editor .peekview-widget .ref-tree { background: var(--vscode-editor-background, #EDEDED) !important; } + +/* Settings */ +.monaco-workbench .settings-editor .settings-toc-container { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); } + +/* Welcome Tiles */ +.monaco-workbench .part.editor .welcomePageContainer .tile { box-shadow: 0 0 6px rgba(0, 0, 0, 0.10); border: none; border-radius: 8px; } +.monaco-workbench .part.editor .welcomePageContainer .tile:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); } + +/* Extensions */ +.monaco-workbench .extensions-list .extension-list-item { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); border: none; border-radius: 6px; margin: 4px 0; } +.monaco-workbench .extensions-list .extension-list-item:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.10); } + +/* Breadcrumbs */ +.monaco-workbench .part.editor > .content .editor-group-container > .title .breadcrumbs-control { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08) !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 .part.editor > .content .editor-group-container > .title .breadcrumbs-control, +.monaco-workbench.hc-black .part.editor > .content .editor-group-container > .title .breadcrumbs-control { background: rgba(10, 10, 11, 0.85) !important; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08) !important; } + +/* Input Boxes */ +.monaco-workbench .monaco-inputbox { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); border: none; border-radius: 6px; } +.monaco-workbench .monaco-inputbox.synthetic-focus, +.monaco-workbench .monaco-inputbox:focus-within { box-shadow: 0 0 6px rgba(0, 0, 0, 0.10), 0 0 0 2px var(--vscode-focusBorder); } + +/* Buttons */ +.monaco-workbench .monaco-button { box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); } +.monaco-workbench .monaco-button:hover { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); } +.monaco-workbench .monaco-button:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } + +/* Dropdowns */ +.monaco-workbench .monaco-dropdown .dropdown-menu { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); border: none; border-radius: 8px; } + +/* Terminal */ +.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; } + +/* Debug Toolbar */ +.monaco-workbench .debug-toolbar { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); border: none; border-radius: 8px; } + +/* Action Widget */ +.monaco-workbench .action-widget { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14) !important; border: none !important; border-radius: 8px; } + +/* Parameter Hints */ +.monaco-workbench .monaco-editor .parameter-hints-widget { box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); 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 .parameter-hints-widget, +.monaco-workbench.hc-black .monaco-editor .parameter-hints-widget { background: rgba(10, 10, 11, 0.85) !important; } +.monaco-workbench.vs .monaco-editor .parameter-hints-widget { background: rgba(252, 252, 253, 0.85) !important; } + +/* Minimap */ +.monaco-workbench .monaco-editor .minimap { background: rgba(252, 252, 253, 0.65) !important; backdrop-filter: blur(40px) saturate(180%) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) !important; border-radius: 8px 0 0 8px; } +.monaco-workbench .monaco-editor .minimap canvas { opacity: 0.85; } +.monaco-workbench.vs-dark .monaco-editor .minimap, +.monaco-workbench.hc-black .monaco-editor .minimap { background: rgba(5, 5, 6, 0.85) !important; box-shadow: 0 0 6px rgba(0, 0, 0, 0.10) !important; } +.monaco-workbench .monaco-editor .minimap-shadow-visible { box-shadow: 0 0 6px rgba(0, 0, 0, 0.10); } + +/* Sticky Scroll */ +.monaco-workbench .monaco-editor .sticky-widget { box-shadow: 0 0 6px rgba(0, 0, 0, 0.10) !important; border-bottom: none !important; border: 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; border-radius: 0 0 8px 8px !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.vs-dark .monaco-editor .sticky-widget, +.monaco-workbench.hc-black .monaco-editor .sticky-widget { background: rgba(10, 10, 11, 0.85) !important; backdrop-filter: blur(40px) saturate(180%) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) !important; box-shadow: 0 0 6px rgba(0, 0, 0, 0.10) !important; } +.monaco-workbench .monaco-editor .sticky-widget-focus-preview, +.monaco-workbench .monaco-editor .sticky-scroll-focus-line, +.monaco-workbench .monaco-editor .focused .sticky-widget, +.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; border-radius: 0 0 8px 8px !important; } +.monaco-workbench.vs-dark .monaco-editor .sticky-widget-focus-preview, +.monaco-workbench.vs-dark .monaco-editor .sticky-scroll-focus-line, +.monaco-workbench.vs-dark .monaco-editor .focused .sticky-widget, +.monaco-workbench.vs-dark .monaco-editor:has(.sticky-widget:focus-within) .sticky-widget, +.monaco-workbench.hc-black .monaco-editor .sticky-widget-focus-preview, +.monaco-workbench.hc-black .monaco-editor .sticky-scroll-focus-line, +.monaco-workbench.hc-black .monaco-editor .focused .sticky-widget, +.monaco-workbench.hc-black .monaco-editor:has(.sticky-widget:focus-within) .sticky-widget { background: rgba(10, 10, 11, 0.90) !important; box-shadow: 0 0 8px rgba(0, 0, 0, 0.12) !important; } + +/* 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); } + +/* Inline Chat */ +.monaco-workbench .monaco-editor .inline-chat { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); border: none; border-radius: 12px; } + +/* Command Center */ +.monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center { box-shadow: 0 0 8px rgba(0, 0, 0, 0.09) !important; border-radius: 8px !important; background: rgba(249, 250, 251, 0.55) !important; backdrop-filter: blur(24px) saturate(150%); -webkit-backdrop-filter: blur(24px) saturate(150%); overflow: visible !important; } +.monaco-workbench .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) !important; background: rgba(249, 250, 251, 0.70) !important; } +.monaco-workbench.vs-dark .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center, +.monaco-workbench.hc-black .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center { background: rgba(10, 10, 11, 0.75) !important; backdrop-filter: blur(24px) saturate(150%); -webkit-backdrop-filter: blur(24px) saturate(150%); } +.monaco-workbench.vs-dark .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center:hover, +.monaco-workbench.hc-black .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center:hover { background: rgba(15, 15, 17, 0.85) !important; } +.monaco-workbench .part.titlebar .command-center .agent-status-pill { + box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08); +} +.monaco-workbench .part.titlebar .command-center .agent-status-pill:hover { + 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 .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 .part.editor > .content .editor-group-container { border: none !important; }