system_theme 2.3.1 copy "system_theme: ^2.3.1" to clipboard
system_theme: ^2.3.1 copied to clipboard

A plugin to get the current system theme info. Supports Android, Web, Windows, Linux and macOS

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:system_theme/system_theme.dart';
import 'package:flutter/foundation.dart' show defaultTargetPlatform;

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await SystemTheme.accentColor.load();
  SystemTheme.onChange.listen((color) {
    debugPrint('Accent color changed to ${color.accent}');
  });

  runApp(const MaterialApp(home: MyApp()));
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return SystemThemeBuilder(builder: (context, accent) {
      final colors = [
        accent.lightest,
        accent.lighter,
        accent.light,
        accent.accent,
        accent.dark,
        accent.darker,
        accent.darkest,
      ];
      return Scaffold(
        body: Column(children: [
          Text(
              'Accent color: ${defaultTargetPlatform.supportsAccentColor ? 'supported' : 'not supported'}'),
          ...colors.map((color) {
            return Expanded(
              child: Container(
                color: color,
                alignment: Alignment.bottomCenter,
                padding: const EdgeInsets.symmetric(vertical: 20.0),
                child: Text(
                  [
                    'Lightest',
                    'Lighter',
                    'Light',
                    'Default',
                    'Dark',
                    'Darker',
                    'Darkest',
                  ][colors.indexOf(color)],
                  style: Theme.of(context).textTheme.titleLarge?.copyWith(
                        color: color.computeLuminance() >= 0.5
                            ? Colors.black
                            : Colors.white,
                      ),
                ),
              ),
            );
          }).toList(),
        ]),
      );
    });
  }
}
83
likes
140
pub points
95%
popularity

Publisher

verified publisherbdlukaa.dev

A plugin to get the current system theme info. Supports Android, Web, Windows, Linux and macOS

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

flutter, system_theme_web

More

Packages that depend on system_theme