---
name: flutter-theme-configurator
description: "Generate a complete Flutter ThemeData object based on your brand colors. Use when the user wants help with Flutter Theme Configurator. Related topics: flutter, dart, design."
---

# Flutter Theme Configurator

Generate a complete Flutter ThemeData object based on your brand colors.

## How to use this skill

1. Ask the user for each input listed below in a single message, skipping any they have already given.
2. Where options are listed, offer them, but accept other answers too.
3. Fill the answers into the prompt template, then follow the completed prompt to produce the result.

## Inputs

- **Primary Color (Hex)** (free text, e.g. "")
- **Secondary/Accent Color (Hex)** (free text, e.g. "")
- **Background Color (Hex)** (free text, e.g. "")
- **Brightness** (choose one: Light, Dark)
- **Font Family** (free text, e.g. "")
- **Elements to customize in ThemeData** (choose any: AppBarTheme, ButtonTheme, CardTheme, InputDecorationTheme)
- **Use Material 3 (useMaterial3: true)?** (choose one: Yes, No)

## Prompt template

## Introduction
Quickly generate a custom Flutter theme.

## Color Palette
- Primary Color (Hex): {{Primary Color (Hex)}}
- Secondary/Accent Color (Hex): {{Secondary/Accent Color (Hex)}}
- Background Color (Hex): {{Background Color (Hex)}}
- Brightness: {{Brightness}}

## Theme Elements
- Font Family: {{Font Family}}
- Elements to customize in ThemeData: {{Elements to customize in ThemeData}}
- Use Material 3 (useMaterial3: true)? {{Use Material 3 (useMaterial3: true)?}}

---
**Goal**: Output a ready-to-use Dart file containing the configured ThemeData object.

---

Source: [Flutter Theme Configurator on PromptBuild](https://promptbuild.io/prompt/jIirx5XZjCoTYnWrctfD/flutter-theme-configurator)