theme_inspector library

An interactive inspector for visualizing and debugging a Flutter app's theme.

The inspector renders Material and Cupertino widgets, the active ColorScheme and the active TextTheme with the ambient theme applied, so you can see how theme changes affect your UI in one place.

Open it from anywhere in your app with ThemeInspector.open:

import 'package:theme_inspector/theme_inspector.dart';

ThemeInspector.open(context);

Each built-in tab can be disabled, and the inspector can be extended with your own colors (ColorSection, ColorInfo), text styles (TextStyleInfo), widgets (SectionWrapper) and whole tabs (InspectorTab).

Classes

ColorInfo

Information about a color in the theme

ColorSection

A section of related colors

InspectorTab

A custom tab for the inspector

SectionWrapper

Section wrapper for consistent padding and spacing

TextStyleInfo

Information about a text style in the theme

ThemeInspector

A utility for inspecting and visualizing theme configurations in Flutter applications.