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

Refine color values and styles in 2026 Dark and Light themes for improved UI consistency

Browse Source
This commit is contained in:
mrleemurray
2026-01-16 16:52:59 +00:00
parent f87751f968
commit e4223fc0bf
3 changed files with 215 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -43,11 +43,11 @@
.monaco-workbench .part.statusbar { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); z-index: 55; position: relative; }
/* Quick Input (Command Palette) */
.monaco-workbench .quick-input-widget { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) !important; border: none !important; border-radius: 12px; overflow: hidden; background: rgba(252, 252, 253, 0.5) !important; backdrop-filter: blur(20px) saturate(100%); -webkit-backdrop-filter: blur(40px) saturate(180%); }
.monaco-workbench .quick-input-widget { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) !important; border-radius: 12px; overflow: hidden; background: rgba(252, 252, 253, 0.5) !important; backdrop-filter: blur(20px) saturate(100%); -webkit-backdrop-filter: blur(40px) saturate(180%); }
.monaco-workbench.vs-dark .quick-input-widget,
.monaco-workbench.hc-black .quick-input-widget { background: rgba(10, 10, 11, 0.85) !important; backdrop-filter: blur(40px) saturate(180%); -webkit-backdrop-filter: blur(40px) saturate(180%); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) !important; }
.monaco-workbench.hc-black .quick-input-widget { background: rgba(10, 10, 11, 0.5) !important; backdrop-filter: blur(40px) saturate(180%); -webkit-backdrop-filter: blur(40px) saturate(180%); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) !important; }
.monaco-workbench .quick-input-widget .monaco-list-rows { background-color: transparent !important; }
.monaco-workbench .quick-input-widget,
/* .monaco-workbench .quick-input-widget, */
/* .monaco-workbench .quick-input-widget *, */
.monaco-workbench .quick-input-widget .quick-input-header,
.monaco-workbench .quick-input-widget .quick-input-list,
@@ -96,6 +96,10 @@
.monaco-workbench.vs .monaco-menu .monaco-action-bar.vertical,
.monaco-workbench.vs .context-view .monaco-menu { background: rgba(252, 252, 253, 0.85) !important; }
.monaco-workbench .action-widget { background: rgba(252, 252, 253, 0.5) !important; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%);}
.monaco-workbench.vs-dark .action-widget { background: rgba(10, 10, 11, 0.5) !important; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%);}
.monaco-workbench .action-widget .action-widget-action-bar {background: transparent;}
/* Suggest Widget */
.monaco-workbench .monaco-editor .suggest-widget { 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%); }
.monaco-workbench.vs-dark .monaco-editor .suggest-widget,
@@ -156,7 +160,7 @@
.monaco-workbench .pane-body.integrated-terminal { box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.1); }
/* SCM */
.monaco-workbench .scm-view .scm-provider { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); border-radius: 6px; margin: 4px; }
.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; }
@@ -223,18 +227,13 @@
box-shadow: none;
background-color: transparent;
}
/* .monaco-workbench .part.titlebar .command-center,
.monaco-workbench .part.titlebar .command-center *,
.monaco-workbench .part.titlebar .command-center-center,
.monaco-workbench .part.titlebar .command-center .action-item,
.monaco-workbench .part.titlebar .command-center .search-icon,
.monaco-workbench .part.titlebar .command-center .search-label { border: none !important; border-color: transparent !important; outline: none !important; } */
/* Remove Borders */
.monaco-workbench .part.sidebar { border-right: none !important; border-left: none !important; }
.monaco-workbench .part.auxiliarybar { border-right: none !important; border-left: none !important; }
.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; }
.monaco-workbench .part.panel { border-top: none !important; }
.monaco-workbench .part.activitybar { border-right: none !important; border-left: none !important; }
.monaco-workbench .part.titlebar { border-bottom: none !important; }
.monaco-workbench .part.statusbar { border-top: none !important; }
.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; }