trc_ui 0.1.0

Flutter widgets with a deep black design: near-black backgrounds, graphite cards, thin Montserrat headings, one accent color and pill buttons whose dot stretches on hover.

example/lib/main.dart

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

import 'gallery.dart';
import 'sections/bottom_nav.dart';

void main() => runApp(const GalleryApp());

/// The trc ui gallery: every widget on one page, with an accent switcher.
class GalleryApp extends StatefulWidget {
  const GalleryApp({super.key});

  @override
  State<GalleryApp> createState() => _GalleryAppState();
}

class _GalleryAppState extends State<GalleryApp> {
  TrcThemeData _tokens = const TrcThemeData();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'trc ui',
      debugShowCheckedModeBanner: false,
      theme: _tokens.toMaterialTheme(),
      builder: (context, child) => TrcToaster(child: child!),
      // `?screen=bottom-nav` opens the bottom navigation screen directly.
      home: Uri.base.queryParameters['screen'] == 'bottom-nav'
          ? const BottomNavScreen()
          : GalleryPage(
              accent: _tokens.accent,
              onAccentChange: (color) =>
                  setState(() => _tokens = _tokens.copyWith(accent: color)),
              only: Uri.base.queryParameters['section'],
            ),
    );
  }
}