Themes

[Lewybundi]

Hello, Thanks for the great package.
I am a beginner and I am confused about;
How can one set default thememode as we do with material 3 and also themes(dark,light).

[Pante]

You can set theme via configuring your application's MaterialApp/CupertinoApp, https://forui.dev/docs#themes.

We currently doesn't provide a way to automatically switch between the light and dark modes of a theme. This can be managed by wrapping MaterialApp in a StatefulWidet:

import 'package:flutter/material.dart';

class Application extends StatefulWidget {
  const Application({super.key});

  @override
  State<Application> createState() => _ApplicationState();
}
class _ApplicationState extends State<Application> {
  bool _isDarkMode = false;

  void _toggleThemeMode() {
    setState(() {
      _isDarkMode = !_isDarkMode;
    });
  }

  @override
  Widget build(BuildContext context) => MaterialApp(
    builder: (context, child) => FTheme(
      data: _isDarkMode ? FThemes.zinc.dark : FThemes.zinc.light,
      child: child!,
    ),
    home: FScaffold(
      // Assuming FScaffold accepts similar parameters to Scaffold
      appBar: AppBar(
        title: const Text('My Application'),
        actions: [
          IconButton(
            icon: Icon(_isDarkMode ? Icons.light_mode : Icons.dark_mode),
            onPressed: _toggleThemeMode,
            tooltip: 'Toggle theme',
          ),
        ],
      ),
      body: const Center(
        child: Text('Content goes here'),
      ),
    ),
  );
}

[Lewybundi]

Basically I will have to use conditionals when I am theming? Is that not tiresome when dealing with a larger project?

[Pante]

Yes. Could you elaborate on how/why it's tiresome and what you have in mind? Asking because in my mind it only needs to be defined once at the root widget, which can then be accessed throughout the application using whichever state management library you choose. Perhaps I'm overlooking something.