Introducing Chroma Theme π¨
A Premium Material 3 Dynamic Theming Engine for Flutter
Managing themes in Flutter can become complex very quickly, especially when working with Material 3.
You often need to:
- Configure dozens of colors
- Support Light and Dark themes
- Add AMOLED and High Contrast modes
- Manage custom palettes
- Persist user preferences
- Write repetitive
ThemeDataboilerplate
To solve this, I built Chroma Theme.
Chroma Theme is a premium, dynamic, and adaptive Material 3 theming engine for Flutter that turns a single seed color into a complete, production-ready theme system.
β¨ Features
- π¨ Dynamic seed-based color generation
- π Light, Dark, AMOLED, and High Contrast modes
- π 20+ professionally curated palettes
- π οΈ Full Material 3 tonal palette access
- π§© Global component overrides
- πΎ Theme persistence support
- π Intuitive
BuildContextextensions - βΏ Accessibility-focused design
π¦ Installation
dependencies:
chroma_theme: ^1.1.0
π Quick Start
import 'package:chroma_theme/chroma_theme.dart';
import 'package:flutter/material.dart';
void main() {
runApp(
ChromaTheme(
initialMode: ChromaThemeMode.system,
initialPalette: ChromaPalette.blue,
child: const MyApp(),
),
);
}
π¨ Dynamic Seeds
context.chroma.setSeeds(
const ChromaSeeds(
primary: Color(0xFF6366F1),
),
);
π Theme Modes
Supported modes:
- Light
- Dark
- AMOLED
- High Contrast
- System
π Premium Palettes
Chroma Theme includes 20+ curated palettes such as:
- Neon Forest
- Midnight Mint
- Berry Blush
- Ice Latte
- Noir Mauve
- Ocean Signal
π§© Component Overrides
ChromaTheme(
overrides: ChromaOverrides(
appBarTheme: const AppBarTheme(
centerTitle: true,
),
),
child: const MyApp(),
);
πΎ Persistence Support
Save and restore user theme preferences using SharedPreferences, Hive, or any custom storage solution.
π Links
- Pub.dev: https://pub.dev/packages/chroma_theme
- GitHub: https://github.com/Satyam-Gawali/chroma_theme
π Feedback Welcome
Iβd love to hear your thoughts, suggestions, and contributions.
If you find the package useful, please consider starring the GitHub repository and sharing your feedback.
Thanks for reading! π
Top comments (0)