diff --git a/extensions/theme-2026/themes/2026-dark.json b/extensions/theme-2026/themes/2026-dark.json index 5031dc271c715..4cfdf87334359 100644 --- a/extensions/theme-2026/themes/2026-dark.json +++ b/extensions/theme-2026/themes/2026-dark.json @@ -171,7 +171,7 @@ "statusBar.debuggingForeground": "#FFFFFF", "statusBar.noFolderBackground": "#191B1D", "statusBar.noFolderForeground": "#bfbfbf", - "statusBarItem.activeBackground": "#498FAE", + "statusBarItem.activeBackground": "#4A4D4F", "statusBarItem.hoverBackground": "#252829", "statusBarItem.focusBorder": "#498FADB3", "statusBarItem.prominentBackground": "#498FAE", diff --git a/extensions/theme-2026/themes/2026-light.json b/extensions/theme-2026/themes/2026-light.json index 2ef9666b6565f..93d43d10d5bb0 100644 --- a/extensions/theme-2026/themes/2026-light.json +++ b/extensions/theme-2026/themes/2026-light.json @@ -9,22 +9,22 @@ "descriptionForeground": "#666666", "icon.foreground": "#666666", "focusBorder": "#4466CCFF", - "textBlockQuote.background": "#E9E9E9", - "textBlockQuote.border": "#EEEEEE00", - "textCodeBlock.background": "#E9E9E9", + "textBlockQuote.background": "#EDEDED", + "textBlockQuote.border": "#ECEDEEFF", + "textCodeBlock.background": "#EDEDED", "textLink.foreground": "#3457C0", - "textLink.activeForeground": "#395DC9", + "textLink.activeForeground": "#3355BA", "textPreformat.foreground": "#666666", - "textSeparator.foreground": "#EEEEEE00", + "textSeparator.foreground": "#EEEEEEFF", "button.background": "#4466CC", "button.foreground": "#FFFFFF", - "button.hoverBackground": "#4F6FCF", - "button.border": "#EEEEEE00", - "button.secondaryBackground": "#E9E9E9", + "button.hoverBackground": "#3E61CA", + "button.border": "#ECEDEEFF", + "button.secondaryBackground": "#EDEDED", "button.secondaryForeground": "#202020", - "button.secondaryHoverBackground": "#F5F5F5", - "checkbox.background": "#E9E9E9", - "checkbox.border": "#EEEEEE00", + "button.secondaryHoverBackground": "#E6E6E6", + "checkbox.background": "#EDEDED", + "checkbox.border": "#ECEDEEFF", "checkbox.foreground": "#202020", "dropdown.background": "#F9F9F9", "dropdown.border": "#D6D7D8", @@ -36,15 +36,15 @@ "input.placeholderForeground": "#999999", "inputOption.activeBackground": "#4466CC33", "inputOption.activeForeground": "#202020", - "inputOption.activeBorder": "#EEEEEE00", + "inputOption.activeBorder": "#ECEDEEFF", "inputValidation.errorBackground": "#F9F9F9", - "inputValidation.errorBorder": "#EEEEEE00", + "inputValidation.errorBorder": "#ECEDEEFF", "inputValidation.errorForeground": "#202020", "inputValidation.infoBackground": "#F9F9F9", - "inputValidation.infoBorder": "#EEEEEE00", + "inputValidation.infoBorder": "#ECEDEEFF", "inputValidation.infoForeground": "#202020", "inputValidation.warningBackground": "#F9F9F9", - "inputValidation.warningBorder": "#EEEEEE00", + "inputValidation.warningBorder": "#ECEDEEFF", "inputValidation.warningForeground": "#202020", "scrollbar.shadow": "#F5F6F84D", "scrollbarSlider.background": "#4466CC33", @@ -55,9 +55,9 @@ "progressBar.background": "#666666", "list.activeSelectionBackground": "#4466CC26", "list.activeSelectionForeground": "#202020", - "list.inactiveSelectionBackground": "#E9E9E9", + "list.inactiveSelectionBackground": "#EDEDED", "list.inactiveSelectionForeground": "#202020", - "list.hoverBackground": "#FFFFFF", + "list.hoverBackground": "#F2F2F2", "list.hoverForeground": "#202020", "list.dropBackground": "#4466CC1A", "list.focusBackground": "#4466CC26", @@ -70,35 +70,35 @@ "activityBar.background": "#F9F9F9", "activityBar.foreground": "#202020", "activityBar.inactiveForeground": "#666666", - "activityBar.border": "#EEEEEE00", - "activityBar.activeBorder": "#EEEEEE00", + "activityBar.border": "#ECEDEEFF", + "activityBar.activeBorder": "#ECEDEEFF", "activityBar.activeFocusBorder": "#4466CCFF", "activityBarBadge.background": "#4466CC", "activityBarBadge.foreground": "#FFFFFF", "sideBar.background": "#F9F9F9", "sideBar.foreground": "#202020", - "sideBar.border": "#EEEEEE00", + "sideBar.border": "#ECEDEEFF", "sideBarTitle.foreground": "#202020", "sideBarSectionHeader.background": "#F9F9F9", "sideBarSectionHeader.foreground": "#202020", - "sideBarSectionHeader.border": "#EEEEEE00", + "sideBarSectionHeader.border": "#ECEDEEFF", "titleBar.activeBackground": "#F9F9F9", "titleBar.activeForeground": "#424242", "titleBar.inactiveBackground": "#F9F9F9", "titleBar.inactiveForeground": "#666666", - "titleBar.border": "#EEEEEE00", - "menubar.selectionBackground": "#E9E9E9", + "titleBar.border": "#ECEDEEFF", + "menubar.selectionBackground": "#EDEDED", "menubar.selectionForeground": "#202020", "menu.background": "#FCFCFC", "menu.foreground": "#202020", "menu.selectionBackground": "#4466CC26", "menu.selectionForeground": "#202020", "menu.separatorBackground": "#F4F4F4", - "menu.border": "#EEEEEE00", + "menu.border": "#ECEDEEFF", "commandCenter.foreground": "#202020", "commandCenter.activeForeground": "#202020", "commandCenter.background": "#F9F9F9", - "commandCenter.activeBackground": "#FFFFFF", + "commandCenter.activeBackground": "#F2F2F2", "commandCenter.border": "#D6D7D880", "editor.background": "#FDFDFD", "editor.foreground": "#202123", @@ -106,16 +106,16 @@ "editorLineNumber.activeForeground": "#202123", "editorCursor.foreground": "#202123", "editor.selectionBackground": "#4466CC26", - "editor.inactiveSelectionBackground": "#4466CC80", + "editor.inactiveSelectionBackground": "#4466CC26", "editor.selectionHighlightBackground": "#4466CC1A", "editor.wordHighlightBackground": "#4466CC33", "editor.wordHighlightStrongBackground": "#4466CC33", "editor.findMatchBackground": "#4466CC4D", "editor.findMatchHighlightBackground": "#4466CC26", - "editor.findRangeHighlightBackground": "#E9E9E9", - "editor.hoverHighlightBackground": "#E9E9E9", - "editor.lineHighlightBackground": "#E9E9E9", - "editor.rangeHighlightBackground": "#E9E9E9", + "editor.findRangeHighlightBackground": "#EDEDED", + "editor.hoverHighlightBackground": "#EDEDED", + "editor.lineHighlightBackground": "#EDEDED55", + "editor.rangeHighlightBackground": "#EDEDED", "editorLink.activeForeground": "#4466CC", "editorWhitespace.foreground": "#6666664D", "editorIndentGuide.background": "#F4F4F44D", @@ -123,27 +123,27 @@ "editorRuler.foreground": "#F4F4F4", "editorCodeLens.foreground": "#666666", "editorBracketMatch.background": "#4466CC55", - "editorBracketMatch.border": "#EEEEEE00", + "editorBracketMatch.border": "#ECEDEEFF", "editorWidget.background": "#FCFCFC", - "editorWidget.border": "#EEEEEE00", + "editorWidget.border": "#ECEDEEFF", "editorWidget.foreground": "#202020", "editorSuggestWidget.background": "#FCFCFC", - "editorSuggestWidget.border": "#EEEEEE00", + "editorSuggestWidget.border": "#ECEDEEFF", "editorSuggestWidget.foreground": "#202020", "editorSuggestWidget.highlightForeground": "#202020", "editorSuggestWidget.selectedBackground": "#4466CC26", - "editorHoverWidget.background": "#FCFCFC", - "editorHoverWidget.border": "#EEEEEE00", - "peekView.border": "#EEEEEE00", + "editorHoverWidget.background": "#FCFCFC55", + "editorHoverWidget.border": "#ECEDEEFF", + "peekView.border": "#ECEDEEFF", "peekViewEditor.background": "#F9F9F9", "peekViewEditor.matchHighlightBackground": "#4466CC33", - "peekViewResult.background": "#E9E9E9", + "peekViewResult.background": "#EDEDED", "peekViewResult.fileForeground": "#202020", "peekViewResult.lineForeground": "#666666", "peekViewResult.matchHighlightBackground": "#4466CC33", "peekViewResult.selectionBackground": "#4466CC26", "peekViewResult.selectionForeground": "#202020", - "peekViewTitle.background": "#E9E9E9", + "peekViewTitle.background": "#EDEDED", "peekViewTitleDescription.foreground": "#666666", "peekViewTitleLabel.foreground": "#202020", "editorGutter.background": "#FDFDFD", @@ -151,7 +151,7 @@ "editorGutter.deletedBackground": "#ad0707", "diffEditor.insertedTextBackground": "#587c0c26", "diffEditor.removedTextBackground": "#ad070726", - "editorOverviewRuler.border": "#EEEEEE00", + "editorOverviewRuler.border": "#ECEDEEFF", "editorOverviewRuler.findMatchForeground": "#4466CC99", "editorOverviewRuler.modifiedForeground": "#007acc", "editorOverviewRuler.addedForeground": "#587c0c", @@ -159,20 +159,20 @@ "editorOverviewRuler.errorForeground": "#ad0707", "editorOverviewRuler.warningForeground": "#667309", "panel.background": "#F9F9F9", - "panel.border": "#EEEEEE00", + "panel.border": "#ECEDEEFF", "panelTitle.activeBorder": "#4466CC", "panelTitle.activeForeground": "#202020", "panelTitle.inactiveForeground": "#666666", "statusBar.background": "#F9F9F9", "statusBar.foreground": "#202020", - "statusBar.border": "#EEEEEE00", + "statusBar.border": "#ECEDEEFF", "statusBar.focusBorder": "#4466CCFF", "statusBar.debuggingBackground": "#4466CC", "statusBar.debuggingForeground": "#FFFFFF", "statusBar.noFolderBackground": "#F9F9F9", "statusBar.noFolderForeground": "#202020", - "statusBarItem.activeBackground": "#4466CC", - "statusBarItem.hoverBackground": "#FFFFFF", + "statusBarItem.activeBackground": "#E0E0E0", + "statusBarItem.hoverBackground": "#F2F2F2", "statusBarItem.focusBorder": "#4466CCFF", "statusBarItem.prominentBackground": "#4466CC", "statusBarItem.prominentForeground": "#FFFFFF", @@ -181,41 +181,41 @@ "tab.activeForeground": "#202020", "tab.inactiveBackground": "#F9F9F9", "tab.inactiveForeground": "#666666", - "tab.border": "#EEEEEE00", - "tab.lastPinnedBorder": "#EEEEEE00", + "tab.border": "#ECEDEEFF", + "tab.lastPinnedBorder": "#ECEDEEFF", "tab.activeBorder": "#FBFBFD", - "tab.hoverBackground": "#FFFFFF", + "tab.hoverBackground": "#F2F2F2", "tab.hoverForeground": "#202020", "tab.unfocusedActiveBackground": "#FDFDFD", "tab.unfocusedActiveForeground": "#666666", "tab.unfocusedInactiveBackground": "#F9F9F9", "tab.unfocusedInactiveForeground": "#BBBBBB", "editorGroupHeader.tabsBackground": "#F9F9F9", - "editorGroupHeader.tabsBorder": "#EEEEEE00", + "editorGroupHeader.tabsBorder": "#ECEDEEFF", "breadcrumb.foreground": "#666666", "breadcrumb.background": "#FDFDFD", "breadcrumb.focusForeground": "#202020", "breadcrumb.activeSelectionForeground": "#202020", "breadcrumbPicker.background": "#FCFCFC", - "notificationCenter.border": "#EEEEEE00", + "notificationCenter.border": "#ECEDEEFF", "notificationCenterHeader.foreground": "#202020", - "notificationCenterHeader.background": "#E9E9E9", - "notificationToast.border": "#EEEEEE00", + "notificationCenterHeader.background": "#EDEDED", + "notificationToast.border": "#ECEDEEFF", "notifications.foreground": "#202020", "notifications.background": "#FCFCFC", - "notifications.border": "#EEEEEE00", + "notifications.border": "#ECEDEEFF", "notificationLink.foreground": "#4466CC", "extensionButton.prominentBackground": "#4466CC", "extensionButton.prominentForeground": "#FFFFFF", - "extensionButton.prominentHoverBackground": "#4F6FCF", - "pickerGroup.border": "#EEEEEE00", + "extensionButton.prominentHoverBackground": "#3E61CA", + "pickerGroup.border": "#ECEDEEFF", "pickerGroup.foreground": "#202020", "quickInput.background": "#FCFCFC", "quickInput.foreground": "#202020", "quickInputList.focusBackground": "#4466CC26", "quickInputList.focusForeground": "#202020", "quickInputList.focusIconForeground": "#202020", - "quickInputList.hoverBackground": "#FAFAFA", + "quickInputList.hoverBackground": "#E7E7E7", "terminal.selectionBackground": "#4466CC33", "terminalCursor.foreground": "#202020", "terminalCursor.background": "#F9F9F9", diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index 589033dccf3ae..91f1e05826f68 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -19,12 +19,26 @@ .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); } +/* Sashes - ensure they extend full height and are above other panels */ +.monaco-workbench .monaco-sash { z-index: 45; } +.monaco-workbench .monaco-sash.vertical { z-index: 45; } +.monaco-workbench .monaco-sash.horizontal { z-index: 45; } + +.monaco-workbench .activitybar.left.bordered::before, +.monaco-workbench .activitybar.right.bordered::before { + border: none; +} + /* 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); } +/* 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; } + /* 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, @@ -54,19 +68,16 @@ .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-list-row { 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; } .monaco-workbench .quick-input-widget .monaco-list.list_id_6:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused) { background-color: color-mix(in srgb, var(--vscode-list-hoverBackground) 40%, transparent); } - /* Chat Widget */ .monaco-workbench .interactive-session .chat-input-container { box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08); 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 { 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, @@ -77,9 +88,25 @@ } /* Notifications */ -.monaco-workbench .notifications-toasts { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); } -.monaco-workbench .notification-toast { box-shadow: none !important; border: none !important; } -.monaco-workbench .notifications-center { border: none !important; } + +.monaco-workbench .notifications-toasts { + box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); + border-radius: 4px; + /* backdrop-filter: blur(20px) saturate(180%); + -webkit-backdrop-filter: blur(20px) saturate(180%); */ +} +.monaco-workbench .notification-toast { box-shadow: none !important; margin: 0 !important;} +.monaco-workbench .notifications-center { + backdrop-filter: blur(20px) saturate(180%); + -webkit-backdrop-filter: blur(20px) saturate(180%); + background-color: rgba(255, 255, 255, 0.6) !important; + +} +.monaco-workbench .notifications-list-container, +.monaco-workbench > .notifications-center > .notifications-center-header, +.monaco-workbench .notifications-list-container .monaco-list-rows { + background: transparent !important; +} /* 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%); } @@ -113,6 +140,9 @@ .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; } + +.monaco-editor .monaco-hover { box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); border-radius: 8px; overflow: hidden; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); } +.monaco-hover.workbench-hover { backdrop-filter: blur(40px) saturate(180%) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) !important; } /* Settings */ .monaco-workbench .settings-editor .settings-toc-container { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); } @@ -121,13 +151,12 @@ .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 { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); border: none; } .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, @@ -139,13 +168,9 @@ color: var(--vscode-icon-foreground) !important; } -/* .scm-view .scm-editor { - box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08); -} */ - /* 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: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 */ @@ -158,26 +183,24 @@ .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; } +.monaco-workbench .debug-toolbar { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); border: none; border-radius: 8px; backdrop-filter: blur(40px) saturate(180%) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) !important; } /* Action Widget */ -.monaco-workbench .action-widget { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14) !important; border: none !important; border-radius: 8px; } +.monaco-workbench .action-widget { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14) !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 { box-shadow: 0 0 6px rgba(0, 0, 0, 0.10) !important; border-bottom: 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, @@ -187,7 +210,6 @@ .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, @@ -196,10 +218,6 @@ .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; } @@ -209,12 +227,10 @@ .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 .part.titlebar > .titlebar-container > .titlebar-center > .window-title > .command-center .action-item.command-center-center { box-shadow: inset 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: inset 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); } @@ -223,6 +239,10 @@ background-color: transparent; } +.monaco-dialog-modal-block .dialog-shadow { + border-radius: 12px; +} + /* Remove Borders */ .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; } @@ -230,5 +250,4 @@ .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; }