Theme Inspector FAQs

Question 1

Does Theme Inspector support different color themes?

Accepted Answer

Yes, Theme Inspector features a built-in light/dark theme toggle. This allows you to comprehensively check how UI components and variables appear and behave in both light and dark modes provided by the host application.

Question 2

What kind of UI components can I preview with Theme Inspector?

Accepted Answer

You can preview a wide range of UI elements, including mini-components (alerts, badges, focus rings) styled with specific color groups, and full UI components like headings, cards, buttons, and lists, all reflecting the host's styling.

Question 3

Is there support for international text in UI component previews?

Accepted Answer

Yes, Theme Inspector supports Japanese text for previewing full UI components. This feature helps ensure that designs and layouts are robust and display correctly with diverse character sets.

Question 4

What is Theme Inspector and what does it do?

Accepted Answer

Theme Inspector is an MCP Apps tool that visualizes host CSS theme variables and design tokens (colors, typography, radii, shadows). It allows developers and designers to preview UI components and styling in both light and dark modes.

Question 5

How does Theme Inspector ensure accurate styling representation?

Accepted Answer

The tool connects directly to the host application to receive its theme and CSS variables. All rendering then reads live computed CSS values via `getComputedStyle`, ensuring that the inspector accurately reflects whatever the host provides.

Theme Inspector

Theme Inspector

주요 기능

사용 사례

주요 기능

사용 사례