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)