https://github.com/luckey-elijah/gator

Generate shades and tints from primary colors hex values.
https://github.com/luckey-elijah/gator

code-generation color dart flutter material-design

Last synced: 4 months ago
JSON representation

Generate shades and tints from primary colors hex values.

• Host: GitHub
• URL: https://github.com/luckey-elijah/gator
• Owner: Luckey-Elijah
• License: bsd-3-clause
• Created: 2022-02-02T14:21:09.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-09-06T19:19:39.000Z (5 months ago)
• Last Synced: 2024-09-27T17:01:38.869Z (4 months ago)
• Topics: code-generation, color, dart, flutter, material-design
• Language: Dart
• Homepage:
• Size: 84 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🖍 Gator

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

[![style: very good analysis][vga_badge]][very_good_analysis] [![pub package][gator_badge]][gator_pub]

[gator_badge]: https://img.shields.io/pub/v/gator.svg

[gator_pub]: https://pub.dev/packages/gator

[vga_badge]: https://img.shields.io/badge/style-very_good_analysis-B22C89.svg

[very_good_analysis]: https://pub.dev/packages/very_good_analysis

## Example

Append the `gator` 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.

```sh

gator # using pubspec.yaml

gator -c colors.yaml

gator -c colors.yaml -o my/path/colors.dart

```

```yaml

gator:

  class: MyColors

  output: example/colors.g.dart

  colors:

    royalBlue: '0xff062091'

    grey: '#d6d6d6'

    rebeccaPurple: '663399'

```

Will create these shades:

```dart

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

class MyColors {

  MyColors._();

  static const _royalBluePrimaryValue = 0xff062091;

  static const royalBlue = MaterialColor(

    _royalBluePrimaryValue,

    {

      050: Color(0xff6a79bd),

      100: Color(0xff5163b2),

      200: Color(0xff384da7),

      300: Color(0xff1f369c),

      400: Color(0xff062091),

      500: Color(_royalBluePrimaryValue),

      600: Color(0xff051d83),

      700: Color(0xff051a74),

      800: Color(0xff041666),

      900: Color(0xff041357),

    },

  );

  static const _greyPrimaryValue = 0xffd6d6d6;

  static const grey = MaterialColor(

    _greyPrimaryValue,

    {

      050: Color(0xffe6e6e6),

      100: Color(0xffe2e2e2),

      200: Color(0xffdedede),

      300: Color(0xffdadada),

      400: Color(0xffd6d6d6),

      500: Color(_greyPrimaryValue),

      600: Color(0xffc1c1c1),

      700: Color(0xffababab),

      800: Color(0xff969696),

      900: Color(0xff808080),

    },

  );

  static const _rebeccaPurplePrimaryValue = 0xff663399;

  static const rebeccaPurple = MaterialColor(

    _rebeccaPurplePrimaryValue,

    {

      050: Color(0xffa385c2),

      100: Color(0xff9470b8),

      200: Color(0xff855cad),

      300: Color(0xff7547a3),

      400: Color(0xff663399),

      500: Color(_rebeccaPurplePrimaryValue),

      600: Color(0xff5c2e8a),

      700: Color(0xff52297a),

      800: Color(0xff47246b),

      900: Color(0xff3d1f5c),

    },

  );

}

```

## Contributing

Make sure your changes are covered.

```sh

# ensure you have `coverage` installed:

# $ dart pub global activate coverage

dart run test --coverage coverage \

  && dart pub global run coverage:format_coverage -i coverage/test -o coverage/lcov.info --lcov \

  && genhtml -q coverage/lcov.info -o coverage/html

# Open your generated coverage:

open coverage/html/index.html

```