How to Setup a Custom Theme in Flutter for a Light and Dark Theme - 2023

In this tutorial, we will learn how to setup or create light and dark flutter theme and a custom theme in flutter 2023.
We will learn to setup default flutter theme for light and dark modes. After default theme setup, will learn the use of color Swatches in Flutter and create custom Color Swatch.
Afterwards we will create custom Theme for both light and dark modes in flutter.

LOGIN APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

DOWNLOAD PROJECT
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

VIDEOS
▬▬▬▬▬▬▬▬▬▬ DESIGN ▬▬▬▬▬▬▬▬▬▬
▬▬▬▬▬▬▬▬▬▬ FIREBASE ▬▬▬▬▬▬▬▬▬▬

COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
FOLLOW US ON SOCIAL MEDIA!

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
SUPPORT
To support the creation of a free content please visit:

LIK
#flutterapp #flutterfirebase #firebaseauth #codingwithTea

[DeophobicMind]

This is so far the best flutter tutorials I've ever enjoyed watching. Thank you very much for these.

[hoxty]

Truly one of the finest in flutter!
Google may consider syndicating your channel.

[notorioustofu]

As an experienced mobile dev learning Flutter, these videos are essential to learning clean architecture and production-ready code

[ashwinnandihalli]

Thank you. This is really good tutorial demystifying the theming and this helps keeping the logic, layout and styling separate and yet customisable. It would be great if you can add a quick tutorial of what has changed or added in new flutter.

[alquranalkarim]

شكراً على مجهودك الرائع و المعلومات الرائعة اتمنى لك المزيد
بالتوفيق 🧑‍💻🖥️🥇

[shinigamiOnVal]

besides using android studio your videos are dope man <3

[sulemanali]

Dear Sir when you paste the yellow color code and use it than where is the yellow color codes gone in theme.dart file are you remove it from the file or copy somewhere else ? i write the all yellow colors codes with shades in theme.dart file

[tusharamber]

hey facing the issue during building the app" 42: Error: Type 'Uint8List' not found. " after installing the google fonts

[ayseguleren]

thank you for this super tutorial, i've learnt a lot i appreciate it. but i don't understand how come we remove the primarySwatch's colors in the video around 13:51 minute ? if we want to theme would be yellow we wouldn't erase that code right ?

[arthurbenedetti]

This is an awsome tutorial, but i have a lot of questions about dynamic sizing. Many of my texts and sizes use the size of the screen how can i create these sizes in the constants or other folder which are not in the same screen as the dart file?

[mohamaddody]

Can you please switch to dart mode? It will be much easier to see the content of your screen

[MuhammadFaizan-xqsh]

In last bit, you said that "we don't want user to get theme using instance of the class ", but as we are using static then can user access it using instance ?

[murilotioxd]

I'm using vscode with Mac Pro M2 Ventura OS. My hot reload is not working after using all these .dart theme files. I always have to restart the application, which takes longer to see the visual changes. Any tips?

[bobhero]

Error while using Material Color in primary swatch -

Null check operator used on null value

[muhammadyusoffjamaluddin]

Can you update this 'How to Setup a Custom Theme in Flutter for a Light and Dark Theme - 2023' to Material 3? It's not the same anymore because the Appbar does not follow the changes you made in ThemeData.

Thank you in advance!

[EmzyWoo-kmgx]

for your next totorial you dident use the same main.dart what should i do

[consumatormedia]

Hello sir, following your tutorial, the TextTheme does not update when using headline2. It still uses the default Flutter headline2. Any idea how to fix?

[Bernardas_Zeimys]

The style from my theme file doesn't apply to the text although the theme file is imported and there are no errors on run

[m.farouqfahmij.]

14:44 what shortcut did you use to align the code sir?

[Error-Solver.]

bro how do u get this kind of images please post the link