Create a theme extension

Make Accessing Theme Properties Simple

Working with themes in Flutter is great, but sometimes accessing theme properties like colors or text styles can feel a bit long-winded. You often find yourself writing Theme.of(context).someProperty. There's a simpler way!

What is a Theme Extension?

A theme extension lets you add custom data or helper methods to your main ThemeData. The cool part is you can then access this extended data easily from anywhere you have a BuildContext.

Why Use It?

Using a theme extension makes your code much cleaner and easier to read. Instead of long chains to get to a property, you can create custom getters that provide direct access.

How it Works

You can create an extension on BuildContext. Inside this extension, you define getters (like get colors) that return the specific part of your theme data you want to access easily.

extension ApparenceKitThemeExt on BuildContext {
  ApparenceKitColors get colors => Theme.of(this).extension<ApparenceKitColors>()!;
  // Add more getters for textTheme, custom data, etc.
}

Simpler Usage

Once your extension is set up, accessing theme properties becomes very simple. Instead of writing:

Theme.of(context).colorScheme.primary

You can write:

context.colors.primary

This is much shorter and improves code readability, especially when you access theme properties frequently.

Benefits

• Cleaner code
• Easier to read and maintain
• Quick access to frequently used theme properties