Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-29 21:11:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refine color themes and styles for improved UI consistency and aesthetics

Browse Source
This commit is contained in:
mrleemurray
2026-01-16 15:06:56 +00:00
parent 1afb0c2536
commit f87751f968
3 changed files with 26 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -69,17 +69,22 @@
/* Chat Widget */
.monaco-workbench .interactive-session .chat-input-container { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); border-radius: 6px; }
.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 { box-shadow: 0 0 6px rgba(0, 0, 0, 0.10); border-radius: 4px 4px 0 0; }
.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,
.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-toasts { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); }
.monaco-workbench .notification-toast { box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); border: none; border-radius: 8px; overflow: hidden; }
.monaco-workbench .notification-toast { box-shadow: none !important; border: none !important; }
.monaco-workbench .notifications-center { border: none !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%); }
@@ -126,7 +131,8 @@
.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 { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); border: none; border-radius: 6px; }
.monaco-workbench .monaco-inputbox,
.monaco-workbench .suggest-input-container { box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08); border: none; }
.monaco-inputbox .monaco-action-bar .action-item .codicon,
.monaco-workbench .search-container .input-box,
@@ -134,6 +140,10 @@
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); }