/*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * 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; } .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab { --tab-border-bottom-color: transparent !important; } /* 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; margin-top: 2px; display: flex; align-items: center; font-size: 11px; padding: 0 4px; border-radius: var(--vscode-cornerRadius-small) !important; background: transparent !important; color: var(--vscode-descriptionForeground) !important; border: 1px solid color-mix(in srgb, var(--vscode-descriptionForeground) 50%, transparent) !important; margin-right: 8px; } .monaco-workbench .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator, .monaco-workbench .monaco-list-row.selected .quick-input-list-entry .quick-input-list-separator, .monaco-workbench .monaco-list-row:hover .quick-input-list-entry .quick-input-list-separator { background: transparent !important; color: inherit !important; border: none !important; 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 .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); background: transparent !important; color: var(--vscode-descriptionForeground) !important; 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, .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); }