refactor: update box-shadow styles across various components to use new shadow variables

- Replaced hardcoded box-shadow values with new CSS variables for consistency and improved theming.
- Updated styles in postEditWidget, findOptionsWidget, findWidget, floatingMenu, hover, parameterHints, peekViewWidget, renameWidget, stickyScroll, suggest, actionWidget, hover, quickInput, agentFeedback components, and more.
- Introduced new shadow variables: --vscode-shadow-sm, --vscode-shadow-md, --vscode-shadow-lg, --vscode-shadow-xl, and --vscode-shadow-hover for better control over shadow effects.

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
mrleemurray
2026-03-03 10:46:54 +00:00
parent 5c7e861e70
commit a6e427ed1f
56 changed files with 145 additions and 251 deletions

View File

@@ -31,6 +31,7 @@
padding: 10px;
transform: translate3d(0px, 0px, 0px);
border-radius: var(--vscode-cornerRadius-large);
box-shadow: var(--vscode-shadow-xl);
}
.monaco-dialog-box.align-vertical {

View File

@@ -22,6 +22,7 @@
.monaco-dropdown .dropdown-menu {
border-radius: var(--vscode-cornerRadius-large);
box-shadow: var(--vscode-shadow-lg);
}
.monaco-dropdown-with-primary {

View File

@@ -322,13 +322,11 @@ export class Menu extends ActionBar {
const bgColor = style.backgroundColor ?? '';
const border = style.borderColor ? `1px solid ${style.borderColor}` : '';
const borderRadius = 'var(--vscode-cornerRadius-large)';
const shadow = style.shadowColor ? `0 2px 8px ${style.shadowColor}` : '';
scrollElement.style.outline = border;
scrollElement.style.borderRadius = borderRadius;
scrollElement.style.color = fgColor;
scrollElement.style.backgroundColor = bgColor;
scrollElement.style.boxShadow = shadow;
}
override getContainer(): HTMLElement {
@@ -1241,6 +1239,7 @@ ${formatRule(Codicon.menuSubmenu)}
border: none;
animation: fadeIn 0.083s linear;
-webkit-app-region: no-drag;
box-shadow: var(--vscode-shadow-lg);
}
.context-view.monaco-menu-container :focus,

View File

@@ -7,7 +7,7 @@
display: none;
box-sizing: border-box;
border-radius: var(--vscode-cornerRadius-large);
box-shadow: 0 2px 8px var(--vscode-widget-shadow);
box-shadow: var(--vscode-shadow-lg);
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {