Implementation

import 'package:flutter/material.dart';
import 'package:flutter_skin/flutter_skin.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  await FlutterSkin.init(
    apiKey: 'fsk_your_api_key_here',
  );

  runApp(const MyApp());
}

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();

    // rebuild MaterialApp instantly when a new skin is published
    FlutterSkin.onSkinChanged.listen((_) {
      if (mounted) setState(() {});
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My App',
      theme: FlutterSkin.toThemeData(), // always returns the latest active skin
      home: const HomePage(),
    );
  }
}

FlutterSkin.init() called
        ↓
Initial skin fetched and applied
        ↓
SSE connection opened to FSkin backend
        ↓ (later, when you publish from dashboard)
Backend pushes "skin_updated" event
        ↓
flutter_skin re-fetches active skin
        ↓
onSkinChanged stream emits
        ↓
setState() → MaterialApp rebuilds → app repaints

await FlutterSkin.init(
  apiKey: 'fsk_your_api_key_here',
  fallback: SkinTokens(
    colors: ColorTokens(
      primary: Color(0xFF6C63FF),
      secondary: Color(0xFFFF6584),
      background: Color(0xFFFFFFFF),
      surface: Color(0xFFF9F9FB),
      error: Color(0xFFEF4444),
      onPrimary: Color(0xFFFFFFFF),
      onSecondary: Color(0xFF000000),
      onBackground: Color(0xFF0D0D0D),
      onSurface: Color(0xFF1C1B1F),
      onError: Color(0xFFFFFFFF),
      brightness: Brightness.light,
    ),
  ),
);