kolors 1.0.0 copy "kolors: ^1.0.0" to clipboard
kolors: ^1.0.0 copied to clipboard

The named HTML colors that you can use in your Flutter apps.

example/lib/main.dart

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

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

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

  @override
  Widget build(BuildContext context) {
    // If you want to show the colors with their names to your users,
    // use the "asMap" that contains the colors names and the colors.
    final m = Kolors.asMap();
    final entries = m.entries.toList(growable: false);

    // Just type "Kolors." and pick a color that you like.
    const appBarColor = Kolors.tomato;

    // You can use the grouped classes if you know which color's shades
    // you are interested in.
    const fabColor = KolorBlues.skyBlue;

    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Kolors'),
          backgroundColor: appBarColor,
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {},
          tooltip: 'Do nothing',
          child: const Icon(Icons.ac_unit),
          backgroundColor: fabColor,
        ),
        body: ListView.builder(
          itemCount: entries.length,
          itemBuilder: (_, i) => ListTile(
            tileColor: entries[i].value,
            title: Text(entries[i].key),
          ),
        ),
      ),
    );
  }
}
4
likes
140
pub points
0%
popularity

Publisher

verified publisherdartside.dev

The named HTML colors that you can use in your Flutter apps.

Repository
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

flutter

More

Packages that depend on kolors