Skip to content

Component fixtures: support selectable file icon themes - #333985

Merged
Benjamin Christopher Simmonds (benibenj) merged 1 commit into
mainfrom
benibenj/agents/component-fixture-icon-theme-options
Sep 2, 2026
Merged

Component fixtures: support selectable file icon themes#333985
Benjamin Christopher Simmonds (benibenj) merged 1 commit into
mainfrom
benibenj/agents/component-fixture-icon-theme-options

Conversation

@benibenj

Copy link
Copy Markdown
Contributor

Summary

  • add a per-fixture fileIconTheme option with Seti as the default and support for Minimal or no file icons
  • scope generated file icon theme CSS to each fixture so different choices can render concurrently
  • expose the selected theme through ComponentFixtureContext and fixture editor services
  • include built-in file icon assets in static Component Explorer builds and add representative tab-bar fixtures

This follows up on #333969, which enabled the default Seti file icons in component fixtures.

Validation

  • targeted ESLint for all changed TypeScript/build files
  • static Component Explorer rspack build
  • headless render of all Seti, Minimal, and None dark/light fixtures with no errors
  • verified the existing default Seti fixture retains image hash b716d485b37aafe4545a377cc44be2ede49b3fbacbb8853f11bdfebe9c036703

Allow fixtures to select Seti, Minimal, or no file icon theme while scoping generated theme CSS to each fixture.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Copilot AI balanced review requested due to automatic review settings September 2, 2026 13:06

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Copilot review overview

🟢 Approval recommended

The fixture-only changes are coherent, scoped, documented, and include representative visual coverage.

Review tier: Balanced
Findings: None

What changed in this PR

Adds per-fixture file icon themes while preserving Seti as the default.

Changes:

  • Supports Seti, Minimal, and disabled file icons.
  • Scopes theme CSS for concurrent fixtures.
  • Bundles assets and adds representative tab-bar fixtures.
File Description
fixtureUtilsCss.ts Caches and scopes icon-theme stylesheets.
fixtureUtils.ts Loads themes, exposes options/context, and configures services.
editorTabBar.fixture.ts Adds file-icon theme variants.
testThemeService.ts Adds file-icon theme mutation support.
rspack.serve-out.config.mts Copies built-in icon assets for static builds.
SKILL.md Documents fixture file-icon configuration.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@github-actions

github-actions Bot commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

Screenshot Changes

Base: 9dfde229 Current: 042b1fa8

2 insignificant change(s) omitted (≤20 px, Δ≤2). See CI logs for details.

Added (6)

editor/editorTabBar/editorTabBar/FileIconThemes/Seti/Dark

current

editor/editorTabBar/editorTabBar/FileIconThemes/Seti/Light

current

editor/editorTabBar/editorTabBar/FileIconThemes/Minimal/Dark

current

editor/editorTabBar/editorTabBar/FileIconThemes/Minimal/Light

current

editor/editorTabBar/editorTabBar/FileIconThemes/None/Dark

current

editor/editorTabBar/editorTabBar/FileIconThemes/None/Light

current

@benibenj
Benjamin Christopher Simmonds (benibenj) merged commit b948a39 into main Sep 2, 2026
41 checks passed
@benibenj
Benjamin Christopher Simmonds (benibenj) deleted the benibenj/agents/component-fixture-icon-theme-options branch September 2, 2026 13:55
@vs-code-engineering vs-code-engineering Bot added this to the 1.137.0 milestone Sep 2, 2026
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