diff --git a/extensions/theme-2026/themes/2026-dark.json b/extensions/theme-2026/themes/2026-dark.json index 4645a08fa61..26e6241d748 100644 --- a/extensions/theme-2026/themes/2026-dark.json +++ b/extensions/theme-2026/themes/2026-dark.json @@ -26,7 +26,7 @@ "button.secondaryHoverBackground": "#FFFFFF10", "checkbox.background": "#242526", "checkbox.border": "#333536", - "checkbox.foreground": "#bfbfbf", + "checkbox.foreground": "#8C8C8C", "dropdown.background": "#191A1B", "dropdown.border": "#333536", "dropdown.foreground": "#bfbfbf", @@ -100,12 +100,13 @@ "commandCenter.foreground": "#bfbfbf", "commandCenter.activeForeground": "#bfbfbf", "commandCenter.background": "#191A1B", - "commandCenter.activeBackground": "#252627", + "commandCenter.activeBackground": "#FFFFFF0F", "commandCenter.border": "#2E3031", "editor.background": "#121314", "editor.foreground": "#BBBEBF", "editorStickyScroll.background": "#121314", "editorStickyScrollHover.background": "#202122", + "editorStickyScroll.border": "#2A2B2CFF", "editorLineNumber.foreground": "#858889", "editorLineNumber.activeForeground": "#BBBEBF", "editorCursor.foreground": "#BBBEBF", @@ -266,7 +267,8 @@ "charts.yellow": "#E0B97F", "charts.orange": "#CD861A", "charts.green": "#86CF86", - "charts.purple": "#AD80D7" + "charts.purple": "#AD80D7", + "inlineChat.border": "#00000000" }, "tokenColors": [ { diff --git a/extensions/theme-2026/themes/2026-light.json b/extensions/theme-2026/themes/2026-light.json index f5a8730719e..df59066c02a 100644 --- a/extensions/theme-2026/themes/2026-light.json +++ b/extensions/theme-2026/themes/2026-light.json @@ -28,7 +28,7 @@ "button.secondaryHoverBackground": "#F2F3F4", "checkbox.background": "#EAEAEA", "checkbox.border": "#D8D8D8", - "checkbox.foreground": "#202020", + "checkbox.foreground": "#606060", "dropdown.background": "#FFFFFF", "dropdown.border": "#D8D8D8", "dropdown.foreground": "#202020", @@ -54,6 +54,7 @@ "widget.border": "#EEEEF1", "editorStickyScroll.shadow": "#00000000", "editorStickyScrollHover.background": "#F0F0F3", + "editorStickyScroll.border": "#F0F1F2FF", "sideBarStickyScroll.shadow": "#00000000", "panelStickyScroll.shadow": "#00000000", "listFilterWidget.shadow": "#00000000", @@ -272,6 +273,7 @@ "charts.green": "#388A34", "charts.purple": "#652D90", "agentStatusIndicator.background": "#FFFFFF", + "inlineChat.border": "#00000000" }, "tokenColors": [ { diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index d76e07491ed..924b770a19f 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -3,15 +3,6 @@ * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ -:root { - --radius-sm: 4px; - --radius-lg: 8px; -} - -.monaco-pane-view .split-view-view:first-of-type > .pane > .pane-header { - border-top: 1px solid var(--vscode-sideBarSectionHeader-border) !important; -} - /* Tab border bottom - make transparent */ .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-and-actions-container { --tabs-border-bottom-color: transparent !important; @@ -53,143 +44,3 @@ color: var(--vscode-descriptionForeground) !important; border: 1px solid color-mix(in srgb, var(--vscode-descriptionForeground) 50%, transparent) !important; } - -/* Input Boxes */ -.monaco-inputbox .monaco-action-bar .action-item .codicon, -.monaco-workbench .search-container .input-box, -.monaco-custom-toggle { - color: var(--vscode-icon-foreground) !important; -} - -/* Chat input toolbar icons should follow icon foreground token */ -.monaco-workbench .interactive-session .chat-input-toolbars .monaco-action-bar .action-item .codicon, -.monaco-workbench .interactive-session .chat-input-toolbars .action-label .codicon { - color: var(--vscode-icon-foreground) !important; -} - -/* 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, -.monaco-workbench.vs .chat-todo-list-widget .todo-list-expand .monaco-button:active, -.monaco-workbench.vs .chat-todo-list-widget .todo-clear-button-container .monaco-button, -.monaco-workbench.vs .chat-todo-list-widget .todo-clear-button-container .monaco-button:hover, -.monaco-workbench.vs .chat-todo-list-widget .todo-clear-button-container .monaco-button:active { - box-shadow: none; -} - -/* Link buttons and tool call buttons - remove shadows */ -.monaco-workbench .monaco-button.link-button, -.monaco-workbench .monaco-button.link-button:hover, -.monaco-workbench .monaco-button.link-button:active, -.monaco-workbench .chat-confirmation-widget-title.monaco-button, -.monaco-workbench .chat-confirmation-widget-title.monaco-button:hover, -.monaco-workbench .chat-confirmation-widget-title.monaco-button:active, -.monaco-workbench .chat-used-context-label .monaco-button, -.monaco-workbench .chat-used-context-label .monaco-button:hover, -.monaco-workbench .chat-used-context-label .monaco-button:active { - box-shadow: none; -} - -.monaco-workbench .debug-hover-widget { - color: var(--vscode-editor-foreground) !important; -} - -.monaco-editor .debug-hover-widget .debug-hover-tree .monaco-list-rows .monaco-list-row:hover:not(.highlighted):not(.selected):not(.focused) { - background-color: var(--vscode-list-hoverBackground); -} - -/* Minimap */ - -.monaco-workbench .monaco-editor .minimap canvas { - opacity: 0.85; -} - -.monaco-workbench.vs-dark .monaco-editor .minimap, -.monaco-workbench .monaco-editor .minimap-shadow-visible { - opacity: 0.85; - background-color: var(--vscode-editor-background); - left: 0; -} - -/* Minimap autohide: ensure opacity:0 overrides the 0.85 above */ -.monaco-workbench .monaco-editor .minimap:is(.minimap-autohide-mouseover, .minimap-autohide-scroll) { - opacity: 0; -} - -.monaco-workbench .monaco-editor .minimap:is(.minimap-autohide-mouseover:hover, .minimap-autohide-scroll.active) { - opacity: 0.85; -} - -/* Sticky Scroll */ -.monaco-workbench .monaco-editor .sticky-widget { - border-bottom: var(--vscode-editorWidget-border) !important; - background: transparent !important; -} - -.monaco-workbench .monaco-editor .sticky-widget > * { - background: transparent !important; -} - -.monaco-workbench.vs-dark .monaco-editor .sticky-widget { - border-bottom: none !important; -} - -.monaco-workbench .monaco-editor .sticky-widget .sticky-widget-lines-scrollable { - background: var(--vscode-editor-background) !important; -} - -.monaco-editor .sticky-widget .sticky-line-content { - background: var(--vscode-editor-background) !important; -} - -.monaco-workbench .monaco-editor .sticky-widget .sticky-widget-line-numbers { - background: var(--vscode-editor-background) !important; -} - -.monaco-workbench .monaco-editor .sticky-widget .sticky-line-content:hover { - background: var(--vscode-editorStickyScrollHover-background) !important; -} - -.monaco-editor .rename-box.preview { - border: 1px solid var(--vscode-editorWidget-border); -} - -/* Notebook */ - -.notebookOverlay .monaco-list-row .cell-title-toolbar { - background-color: var(--vscode-editorWidget-background) !important; -} - -/* Inline Chat */ -.monaco-workbench .monaco-editor .inline-chat { - border: none; -} - -/* Command Center */ -.monaco-workbench .part.titlebar .command-center .agent-status-pill { - border-color: var(--vscode-input-border); -} - -.monaco-workbench .part.titlebar .command-center .agent-status-badge { - border-color: var(--vscode-input-border); -} - -.monaco-workbench.vs-dark .monaco-action-bar:not(.vertical) .agent-status-badge-section.sparkle .action-container:hover, -.monaco-workbench.vs-dark .monaco-action-bar:not(.vertical) .agent-status-badge-section.sparkle .dropdown-action-container:hover - { - background-color: var(--vscode-toolbar-hoverBackground); -} - -.monaco-workbench.vs-dark .monaco-action-bar:not(.vertical) .agent-status-badge .monaco-dropdown-with-primary:not(.disabled):hover { - background-color: var(--vscode-commandCenter-activeBackground); -} - -.monaco-workbench .unified-quick-access-tabs { - background: transparent; -} - -/* Quick Input List - use descriptionForeground color for descriptions */ -.monaco-workbench .quick-input-list .monaco-icon-label .label-description { - opacity: 1; - color: var(--vscode-descriptionForeground); -} diff --git a/src/vs/base/browser/ui/inputbox/inputBox.css b/src/vs/base/browser/ui/inputbox/inputBox.css index 827a19f29b4..dc5e637f6ee 100644 --- a/src/vs/base/browser/ui/inputbox/inputBox.css +++ b/src/vs/base/browser/ui/inputbox/inputBox.css @@ -103,4 +103,5 @@ background-repeat: no-repeat; width: 16px; height: 16px; + color: var(--vscode-icon-foreground); } diff --git a/src/vs/editor/browser/viewParts/minimap/minimap.css b/src/vs/editor/browser/viewParts/minimap/minimap.css index 73814f23979..e6ced7d3dc8 100644 --- a/src/vs/editor/browser/viewParts/minimap/minimap.css +++ b/src/vs/editor/browser/viewParts/minimap/minimap.css @@ -61,3 +61,7 @@ .monaco-editor .minimap { z-index: 5; } + +.monaco-editor .minimap canvas { + opacity: 0.9; +} diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebook.css b/src/vs/workbench/contrib/notebook/browser/media/notebook.css index e0309cff01e..01010edd2af 100644 --- a/src/vs/workbench/contrib/notebook/browser/media/notebook.css +++ b/src/vs/workbench/contrib/notebook/browser/media/notebook.css @@ -385,9 +385,9 @@ .notebookOverlay .monaco-list-row .cell-title-toolbar { border-radius: var(--vscode-cornerRadius-medium); box-shadow: var(--vscode-shadow-sm); + background-color: var(--vscode-editorWidget-background); } -.notebookOverlay .monaco-list-row .cell-title-toolbar, .notebookOverlay .monaco-list-row.cell-drag-image, .notebookOverlay .cell-bottom-toolbar-container .action-item, .notebookOverlay .cell-list-top-cell-toolbar-container .action-item {