Skip to content

Final port of misc 2026 theme styles - refine color theme styles for improved UI consistency#299237

Merged
mrleemurray merged 5 commits intomainfrom
mrleemurray/port-misc-2026-theme-styles-2
Mar 4, 2026
Merged

Final port of misc 2026 theme styles - refine color theme styles for improved UI consistency#299237
mrleemurray merged 5 commits intomainfrom
mrleemurray/port-misc-2026-theme-styles-2

Conversation

@mrleemurray
Copy link
Contributor

Enhance the color theme styles and clean up unused CSS for better maintainability and consistency across the UI components. Adjustments include removing contrast borders and refining tab border styles.

Copilot AI review requested due to automatic review settings March 4, 2026 17:08
@mrleemurray mrleemurray enabled auto-merge March 4, 2026 17:08
@mrleemurray mrleemurray self-assigned this Mar 4, 2026
@vs-code-engineering
Copy link

vs-code-engineering bot commented Mar 4, 2026

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

@TylerLeonhardt

Matched files:

  • src/vs/platform/quickinput/browser/media/quickInput.css

@jrieken

Matched files:

  • src/vs/workbench/contrib/chat/browser/chatEditing/media/chatEditingEditorOverlay.css
  • src/vs/workbench/contrib/chat/browser/chatEditing/media/chatEditorController.css

@rzhao271

Matched files:

  • src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css
  • src/vs/workbench/contrib/preferences/browser/settingsEditor2.ts

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Ports remaining theme-specific CSS overrides from the theme-2026 extension into core workbench/component styles, while adjusting theme color tokens to improve consistency (notably around borders and secondary text) and removing now-unneeded extension CSS contributions.

Changes:

  • Removes the theme-2026 extension’s injected styles.css (and related css proposal usage) after moving key styling into product CSS.
  • Updates multiple core CSS files to use standard theme tokens (editorWidget.*, descriptionForeground, size tokens) for more consistent rendering across themes.
  • Refines theme-2026 light/dark JSON tokens (e.g., tab borders, sticky scroll border, inline chat border, checkbox foreground) and drops explicit contrastBorder overrides.

Reviewed changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated no comments.

Show a summary per file
File Description
src/vs/workbench/contrib/preferences/browser/settingsEditor2.ts Removes inline count-badge theming styles and trims unused color imports.
src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css Applies descriptionForeground to the settings result count widget via CSS.
src/vs/workbench/contrib/notebook/browser/media/notebook.css Aligns notebook cell toolbar background with editorWidget.background.
src/vs/workbench/contrib/chat/browser/chatEditing/media/chatEditorController.css Switches border token from contrastBorder to editorWidget.border.
src/vs/workbench/contrib/chat/browser/chatEditing/media/chatEditingEditorOverlay.css Switches border token from contrastBorder to editorWidget.border.
src/vs/platform/quickinput/browser/media/quickInput.css Styles quick input separator using size tokens and descriptionForeground.
src/vs/editor/browser/viewParts/minimap/minimap.css Sets a default minimap canvas opacity in core CSS.
src/vs/base/browser/ui/inputbox/inputBox.css Forces inputbox action icons to follow icon.foreground.
extensions/theme-2026/themes/styles.css Removes extension-provided global CSS overrides (file deleted).
extensions/theme-2026/themes/2026-light.json Updates theme tokens (tabs border, sticky scroll border, inline chat border, checkbox foreground) and removes contrastBorder.
extensions/theme-2026/themes/2026-dark.json Updates theme tokens (tabs border, sticky scroll border, inline chat border, checkbox foreground, command center active background) and removes contrastBorder.
extensions/theme-2026/package.json Removes enabledApiProposals: ["css"] and the contributes.css entry now that styles are ported.

@mrleemurray mrleemurray merged commit 1def381 into main Mar 4, 2026
20 checks passed
@mrleemurray mrleemurray deleted the mrleemurray/port-misc-2026-theme-styles-2 branch March 4, 2026 20:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants