shoko_ui 1.0.1

This package is a UI-Kit from the ShokoTeam, which aims to accelerate the development of both your and our projects

example/lib/main.dart

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

const whiteTheme = STheme(
  switchTheme: SSwitchTheme(
    backgroundColor: Colors.black
  )
);


const darkTheme = STheme(
  switchTheme: SSwitchTheme(
    backgroundColor: Colors.red
  )
);

void main() {
  runApp(const MyApp());
}

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: SThemeWidget(
        shokoUITheme: STheme(
          badgeTheme: SBadgeTheme(
            alertColor: Colors.red,
            textAlertColor: Colors.white
          ),
          contentTheme:  SContentTheme(
            primary: Colors.black,
            invertPrimary: Colors.white,
            secondary: Color.fromRGBO(155, 155, 155, 1),
            tertiary: Color.fromRGBO(64, 64, 64, 1),
            brand: Color.fromRGBO(126, 127, 251, 1),
            success: Colors.green,
            alert: Colors.red,
          ),
          backgroundTheme:  SBackgroundTheme(
            primary: Colors.white,
            secondary: Color.fromRGBO(250, 250, 250, 1),
            tertiary: Color.fromRGBO(235, 237, 240, 1),
            brand: Color.fromRGBO(126, 127, 251, 1),
            brandLight: Color.fromRGBO(229, 229, 254, 1),
            success: Colors.green,
            successLight: Color.fromRGBO(229, 255, 237, 1),
            alert: Colors.red,
            alertLight: Color.fromRGBO(255, 233, 232, 1)
          )
        ),
        child: MyHomePage()),
    );
  }
}

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

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool state = false;

  void onChanged(bool value) {
    setState(() {
      state = value;
    });
      context.changeTheme(state ? whiteTheme : darkTheme);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: context.theme.backgroundTheme.secondary,
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [

            Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                SBadge(text: 'Flutter', color: context.theme.backgroundTheme.brand, textColor: context.theme.contentTheme.invertPrimary),
                SBadge(text: 'Flutter', state: SBadgeState.alert),
                SBadge(text: 'Flutter', state: SBadgeState.inactive),

              ],
            )
          ],
        )
      )
    );
  }
}