friflex_flutter_starter/lib/features/debug/screens/theme_screen.dart

import 'package:flutter/material.dart';
import 'package:friflex_starter/app/app_context_ext.dart';
import 'package:friflex_starter/app/theme/app_colors_scheme.dart';

/// {@template ThemeScreen}
///  Экран для отладки темы приложения
/// {@endtemplate}
class ThemeScreen extends StatelessWidget {
  /// {@macro ThemeScreen}
  const ThemeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    final colors = context.appColors;
    return Scaffold(
      appBar: AppBar(title: const Text('Theme')),
      body: Center(
        child: ListView(
          padding: const EdgeInsets.all(16),
          children: [
            ElevatedButton(
              onPressed: () {
                context.theme.changeTheme();
              },
              child: const Text('Сменить тему'),
            ),
            const SizedBox(height: 16),
            ColoredBox(
              color: context.appColors.testColor,
              child: const SizedBox(height: 100, width: 100),
            ),
            const SizedBox(height: 16),
            Card(
              elevation: 4,
              shadowColor: colors.infoSnackbarBackground,
              margin: const EdgeInsets.symmetric(vertical: 10),
              color: colors.infoSnackbarBackground,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(16),
              ),
              child: ListTile(
                title: Text(
                  'Текущая тема: ${context.theme.themeMode}',
                  style: TextStyle(
                    color: colors.itemTextColor,
                    fontWeight: FontWeight.bold,
                  ),
                ),
                trailing: Icon(Icons.color_lens, color: colors.itemTextColor),
              ),
            ),
          ],
        ),
      ),
    );
  }
}