Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-17 23:35:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

2026 theme: update misc UI component styles

Browse Source
This commit is contained in:
mrleemurray
2026-03-04 10:30:31 +00:00
parent 240196b595
commit 0ac17b9c3b
8 changed files with 18 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
extensions/theme-2026/themes/2026-dark.json
View File

@@ -10,6 +10,7 @@
"descriptionForeground": "#8C8C8C",
"icon.foreground": "#8C8C8C",
"focusBorder": "#3994BCB3",
"contrastBorder": "#333536",
"textBlockQuote.background": "#242526",
"textBlockQuote.border": "#2A2B2CFF",
"textCodeBlock.background": "#242526",

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

@@ -10,6 +10,7 @@
"descriptionForeground": "#606060",
"icon.foreground": "#606060",
"focusBorder": "#0069CCFF",
"contrastBorder": "#F0F1F2FF",
"textBlockQuote.background": "#EAEAEA",
"textBlockQuote.border": "#F0F1F2FF",
"textCodeBlock.background": "#EAEAEA",
@@ -135,6 +136,10 @@
"editorBracketMatch.background": "#0069CC40",
"editorBracketMatch.border": "#F0F1F2FF",
"editorWidget.background": "#FAFAFD",
"editorWidget.border": "#F0F1F2FF",
"editorWidget.foreground": "#202020",
"editorSuggestWidget.background": "#FAFAFD",
"editorSuggestWidget.border": "#F0F1F2FF",
"editorWidget.border": "#EEEEF1",
"editorWidget.foreground": "#202020",
"editorSuggestWidget.background": "#FAFAFD",
@@ -143,6 +148,7 @@
"editorSuggestWidget.highlightForeground": "#0069CC",
"editorSuggestWidget.selectedBackground": "#0069CC26",
"editorHoverWidget.background": "#FAFAFD",
"editorHoverWidget.border": "#F0F1F2FF",
"editorHoverWidget.border": "#EEEEF1",
"peekView.border": "#0069CC",
"peekViewEditor.background": "#FAFAFD",

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

@@ -22,27 +22,6 @@
}
/* Quick Input (Command Palette) */
.monaco-workbench.vs-dark .quick-input-widget {
border: 1px solid var(--vscode-menu-border) !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,
.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-list,
.monaco-workbench .quick-input-widget .monaco-list-row:not(:has(.quick-input-list-separator-border)) {
border-color: transparent !important;
outline: none !important;
}
.monaco-workbench .quick-input-widget .quick-input-list .monaco-list-rows {
background: transparent !important;
}
.monaco-workbench .quick-input-list .quick-input-list-entry .quick-input-list-separator {
height: 16px;
@@ -67,82 +46,6 @@
padding: 0;
}
.monaco-workbench .quick-input-widget .monaco-list-rows {
background: transparent !important;
}
.monaco-workbench .quick-input-widget .monaco-inputbox {
background: transparent !important;
}
.monaco-workbench .quick-input-widget .quick-input-filter .monaco-inputbox {
background: color-mix(in srgb, var(--vscode-input-background) 60%, transparent) !important;
}
/* Chat Widget */
.monaco-workbench .interactive-session .chat-question-carousel-container {
border-radius: var(--radius-lg);
}
.monaco-workbench .interactive-session .interactive-input-part .chat-editor-container .interactive-input-editor .monaco-editor,
.monaco-workbench .interactive-session .chat-editing-session .chat-editing-session-container {
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.monaco-workbench .interactive-input-part:has(.chat-editing-session > .chat-editing-session-container) .chat-input-container {
border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}
.monaco-workbench.vs .interactive-session .chat-input-container {
box-shadow: inset var(--shadow-sm);
}
.monaco-workbench .part.panel .interactive-session,
.monaco-workbench .part.auxiliarybar .interactive-session {
position: relative;
}
.monaco-workbench .interactive-session .chat-editing-session .chat-editing-session-container {
background-color: transparent !important;
}
/* Notifications */
.monaco-workbench .notifications-list-container .monaco-list-rows {
background: transparent !important;
}
/* Context Menus */
.monaco-workbench .action-widget .action-widget-action-bar {
background: transparent;
}
/* Suggest Widget */
.monaco-workbench.vs-dark .monaco-editor .suggest-widget {
border: 1px solid var(--vscode-editorWidget-border);
}
/* Dialog */
.monaco-workbench .monaco-dialog-box {
border: 1px solid var(--vscode-dialog-border);
}
/* Peek View */
.monaco-workbench .monaco-editor .peekview-widget .head,
.monaco-workbench .monaco-editor .peekview-widget .body {
background: transparent !important;
}
.monaco-workbench .defineKeybindingWidget {
border: 1px solid var(--vscode-editorWidget-border);
}
/* Chat Editor Overlay */
.monaco-workbench.vs-dark .chat-editor-overlay-widget,
.monaco-workbench.vs-dark .chat-diff-change-content-widget {
border: 1px solid var(--vscode-editorWidget-border);
}
/* Settings */
.monaco-workbench .settings-editor > .settings-header > .search-container > .search-container-widgets > .settings-count-widget {
border-radius: var(--radius-sm);
@@ -151,12 +54,6 @@
border: 1px solid color-mix(in srgb, var(--vscode-descriptionForeground) 50%, transparent) !important;
}
/* Breadcrumbs */
.monaco-workbench.vs .breadcrumbs-control {
border-bottom: 1px solid var(--vscode-editorWidget-border);
}
/* Input Boxes */
.monaco-inputbox .monaco-action-bar .action-item .codicon,
.monaco-workbench .search-container .input-box,

2
src/vs/base/browser/ui/menu/menu.ts
View File

@@ -1240,6 +1240,8 @@ ${formatRule(Codicon.menuSubmenu)}
animation: fadeIn 0.083s linear;
-webkit-app-region: no-drag;
box-shadow: var(--vscode-shadow-lg${style.shadowColor ? `, 0 0 12px ${style.shadowColor}` : ''});
border-radius: var(--vscode-cornerRadius-large);
overflow: hidden;
}
.context-view.monaco-menu-container :focus,

2
src/vs/editor/contrib/find/browser/findWidget.css
View File

@@ -7,7 +7,7 @@
.monaco-editor .find-widget {
position: absolute;
z-index: 35;
height: 33px;
height: 34px;
overflow: hidden;
line-height: 19px;
transition: transform 200ms linear;

4
src/vs/editor/contrib/hover/browser/hover.css
View File

@@ -15,7 +15,8 @@
.monaco-editor .monaco-resizable-hover > .monaco-hover {
border: none;
border-radius: unset;
border-radius: inherit;
overflow: hidden;
}
.monaco-editor .monaco-hover {
@@ -35,6 +36,7 @@
}
.monaco-editor .monaco-hover .hover-row {
border-radius: var(--vscode-cornerRadius-large);
display: flex;
}

4
src/vs/workbench/browser/parts/editor/media/breadcrumbscontrol.css
View File

@@ -3,6 +3,10 @@
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
.monaco-workbench.vs .breadcrumbs-control {
border-bottom: 1px solid var(--vscode-editorWidget-border);
}
.monaco-workbench .part.editor > .content .editor-group-container .breadcrumbs-control.hidden {
display: none;
}

1
src/vs/workbench/contrib/preferences/browser/media/keybindings.css
View File

@@ -8,6 +8,7 @@
border-radius: var(--vscode-cornerRadius-large);
position: absolute;
box-shadow: var(--vscode-shadow-lg);
border: 1px solid var(--vscode-editorWidget-border);
}
.defineKeybindingWidget .message {