tailwind_colors 0.0.1 tailwind_colors: ^0.0.1 copied to clipboard
Easily use the TailwindCSS color palette in dart.
tailwind_colors #
Dart package exposing Tailwind Colors to be used in flutter in a way similar to the Material colors.
Installation #
- Add to your
pubspec.yaml
file:
dependencies:
tailwind_colors: any
- Get the package via your IDE or via the command line by typing:
$ pub get
- Import the
tailwind_colors
package
import 'package:tailwind_colors/tailwind_colors.dart;
How to Use #
Tailwind Colors can be created and used in the same way as the usual Material color palette.
// TWColors has shades starting from 100 up to 900 in increment of 100
Color myColor = TWColors.gray.shade100;
Color mySecondColor = TWColors.blue.shade900;
TWColors features:
- gray
- red
- orange
- yellow
- green
- teal
- blue
- indigo
- purple
- pink
This package also features the TailwindUI color palette which can be accessed similarly:
Color myTailwindUIColor = TWUIColors.cool_gray.shade50;
TWUIColors features all the TailwindUI counterparts to the normal Tailwind colors with the addition of:
- The cool_gray color
- An additional shade50 shade
TODO #
- Create a parser for tailwind configuration files. Placeholder code can be found here
- Show colors in the IDE tooltip