gator 1.0.1

Generate shades and tints from primary colors hex values for easy setup.

🎨 Gator

Generate shades and tints from primary colors hex values for easy setup.

Example

Append the shader spec to your pubspec.yaml. If no pubspec.yaml create your own config file (such as colors.yaml or gator.yaml) and specify it in the command.

gator # using pubspec.yaml
gator -c colors.yaml -o example.dart # using other

gator:
  class: MyColors
  colors:
    royalBlue: '0xff062091'
    grey: '#d6d6d6'
    rebeccaPurple: '663399'

Will create these shades:

import 'package:flutter/material.dart' show Color, MaterialColor;

class MyColors {
  MyColors._();

  static const int _royalBluePrimaryValue = 0xff062091;
  static const royalBlue = MaterialColor(
    _royalBluePrimaryValue,
    <int, Color>{
      050: Color(0xff122b97),
      100: Color(0xff1f369c),
      200: Color(0xff384da7),
      300: Color(0xff5163b2),
      400: Color(0xff6a79bd),
      500: Color(_royalBluePrimaryValue),
      600: Color(0xff041357),
      700: Color(0xff041666),
      800: Color(0xff051a74),
      900: Color(0xff051d83),
    },
  );

  static const int _greyPrimaryValue = 0xffd6d6d6;
  static const grey = MaterialColor(
    _greyPrimaryValue,
    <int, Color>{
      050: Color(0xffd8d8d8),
      100: Color(0xffdadada),
      200: Color(0xffdedede),
      300: Color(0xffe2e2e2),
      400: Color(0xffe6e6e6),
      500: Color(_greyPrimaryValue),
      600: Color(0xff808080),
      700: Color(0xff969696),
      800: Color(0xffababab),
      900: Color(0xffc1c1c1),
    },
  );

  static const int _rebeccaPurplePrimaryValue = 0xff663399;
  static const rebeccaPurple = MaterialColor(
    _rebeccaPurplePrimaryValue,
    <int, Color>{
      050: Color(0xff6e3d9e),
      100: Color(0xff7547a3),
      200: Color(0xff855cad),
      300: Color(0xff9470b8),
      400: Color(0xffa385c2),
      500: Color(_rebeccaPurplePrimaryValue),
      600: Color(0xff3d1f5c),
      700: Color(0xff47246b),
      800: Color(0xff52297a),
      900: Color(0xff5c2e8a),
    },
  );
}