<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Satyam Gawali</title>
    <description>The latest articles on Forem by Satyam Gawali (@satyam_gawali_4e7bc3d92e0).</description>
    <link>https://forem.com/satyam_gawali_4e7bc3d92e0</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3920839%2F8db1fb24-ac67-46bd-a4cd-fe16b1aca24e.png</url>
      <title>Forem: Satyam Gawali</title>
      <link>https://forem.com/satyam_gawali_4e7bc3d92e0</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/satyam_gawali_4e7bc3d92e0"/>
    <language>en</language>
    <item>
      <title>Introducing Chroma Theme 🎨 — A Premium Material 3 Dynamic Theming Engine for Flutter</title>
      <dc:creator>Satyam Gawali</dc:creator>
      <pubDate>Fri, 08 May 2026 22:56:56 +0000</pubDate>
      <link>https://forem.com/satyam_gawali_4e7bc3d92e0/introducing-chroma-theme-a-premium-material-3-dynamic-theming-engine-for-flutter-o6n</link>
      <guid>https://forem.com/satyam_gawali_4e7bc3d92e0/introducing-chroma-theme-a-premium-material-3-dynamic-theming-engine-for-flutter-o6n</guid>
      <description>&lt;h1&gt;
  
  
  &lt;strong&gt;Introducing Chroma Theme 🎨&lt;/strong&gt;
&lt;/h1&gt;

&lt;h2&gt;
  
  
  &lt;em&gt;A Premium Material 3 Dynamic Theming Engine for Flutter&lt;/em&gt;
&lt;/h2&gt;

&lt;p&gt;Managing themes in Flutter can become complex very quickly, especially when working with Material 3.&lt;/p&gt;

&lt;p&gt;You often need to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Configure dozens of colors&lt;/li&gt;
&lt;li&gt;Support Light and Dark themes&lt;/li&gt;
&lt;li&gt;Add AMOLED and High Contrast modes&lt;/li&gt;
&lt;li&gt;Manage custom palettes&lt;/li&gt;
&lt;li&gt;Persist user preferences&lt;/li&gt;
&lt;li&gt;Write repetitive &lt;code&gt;ThemeData&lt;/code&gt; boilerplate&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;To solve this, I built &lt;strong&gt;Chroma Theme&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;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.&lt;/p&gt;




&lt;h2&gt;
  
  
  ✨ Features
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;🎨 Dynamic seed-based color generation&lt;/li&gt;
&lt;li&gt;🌗 Light, Dark, AMOLED, and High Contrast modes&lt;/li&gt;
&lt;li&gt;🎭 20+ professionally curated palettes&lt;/li&gt;
&lt;li&gt;🛠️ Full Material 3 tonal palette access&lt;/li&gt;
&lt;li&gt;🧩 Global component overrides&lt;/li&gt;
&lt;li&gt;💾 Theme persistence support&lt;/li&gt;
&lt;li&gt;🚀 Intuitive &lt;code&gt;BuildContext&lt;/code&gt; extensions&lt;/li&gt;
&lt;li&gt;♿ Accessibility-focused design&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  📦 Installation
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight yaml"&gt;&lt;code&gt;&lt;span class="na"&gt;dependencies&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
  &lt;span class="na"&gt;chroma_theme&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;^1.1.0&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  🚀 Quick Start
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight dart"&gt;&lt;code&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="s"&gt;'package:chroma_theme/chroma_theme.dart'&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="s"&gt;'package:flutter/material.dart'&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;

&lt;span class="kt"&gt;void&lt;/span&gt; &lt;span class="nf"&gt;main&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="n"&gt;runApp&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="n"&gt;ChromaTheme&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
      &lt;span class="nl"&gt;initialMode:&lt;/span&gt; &lt;span class="n"&gt;ChromaThemeMode&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="na"&gt;system&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="nl"&gt;initialPalette:&lt;/span&gt; &lt;span class="n"&gt;ChromaPalette&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="na"&gt;blue&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="nl"&gt;child:&lt;/span&gt; &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="n"&gt;MyApp&lt;/span&gt;&lt;span class="p"&gt;(),&lt;/span&gt;
    &lt;span class="p"&gt;),&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  🎨 Dynamic Seeds
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight dart"&gt;&lt;code&gt;&lt;span class="n"&gt;context&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="na"&gt;chroma&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="na"&gt;setSeeds&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="n"&gt;ChromaSeeds&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="nl"&gt;primary:&lt;/span&gt; &lt;span class="n"&gt;Color&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mh"&gt;0xFF6366F1&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
  &lt;span class="p"&gt;),&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  🌓 Theme Modes
&lt;/h2&gt;

&lt;p&gt;Supported modes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Light&lt;/li&gt;
&lt;li&gt;Dark&lt;/li&gt;
&lt;li&gt;AMOLED&lt;/li&gt;
&lt;li&gt;High Contrast&lt;/li&gt;
&lt;li&gt;System&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🎭 Premium Palettes
&lt;/h2&gt;

&lt;p&gt;Chroma Theme includes 20+ curated palettes such as:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Neon Forest&lt;/li&gt;
&lt;li&gt;Midnight Mint&lt;/li&gt;
&lt;li&gt;Berry Blush&lt;/li&gt;
&lt;li&gt;Ice Latte&lt;/li&gt;
&lt;li&gt;Noir Mauve&lt;/li&gt;
&lt;li&gt;Ocean Signal&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🧩 Component Overrides
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight dart"&gt;&lt;code&gt;&lt;span class="n"&gt;ChromaTheme&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="nl"&gt;overrides:&lt;/span&gt; &lt;span class="n"&gt;ChromaOverrides&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="nl"&gt;appBarTheme:&lt;/span&gt; &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="n"&gt;AppBarTheme&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
      &lt;span class="nl"&gt;centerTitle:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="p"&gt;),&lt;/span&gt;
  &lt;span class="p"&gt;),&lt;/span&gt;
  &lt;span class="nl"&gt;child:&lt;/span&gt; &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="n"&gt;MyApp&lt;/span&gt;&lt;span class="p"&gt;(),&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  💾 Persistence Support
&lt;/h2&gt;

&lt;p&gt;Save and restore user theme preferences using SharedPreferences, Hive, or any custom storage solution.&lt;/p&gt;




&lt;h2&gt;
  
  
  🔗 Links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Pub.dev: &lt;a href="https://pub.dev/packages/chroma_theme" rel="noopener noreferrer"&gt;https://pub.dev/packages/chroma_theme&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;GitHub: &lt;a href="https://github.com/Satyam-Gawali/chroma_theme" rel="noopener noreferrer"&gt;https://github.com/Satyam-Gawali/chroma_theme&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🙌 Feedback Welcome
&lt;/h2&gt;

&lt;p&gt;I’d love to hear your thoughts, suggestions, and contributions.&lt;/p&gt;

&lt;p&gt;If you find the package useful, please consider starring the GitHub repository and sharing your feedback.&lt;/p&gt;

&lt;p&gt;Thanks for reading! 🚀&lt;/p&gt;

</description>
      <category>flutter</category>
      <category>dart</category>
      <category>mobile</category>
      <category>appconfig</category>
    </item>
  </channel>
</rss>
