Colours
An extended version of Flutter Colors with more swatches and more flexibility to generate your own custom swatch.
Getting Started
In your flutter project add the dependency:
dependencies:
colour: ^0.0.2
or reference the git repo directly:
dependencies:
colour:
git:
url: git://github.com/salkuadrat/colours.git
Examples
Suppose your brand color is #00aa13.
Gojek Brand Color [#00aa13]
You can generate your own custom swatch using:
MaterialColor gojekSwatch = Colours.swatch('#00aa13');
It will generate a complete material swatch colors:
50 [#e0f5e3]100 [#b2e5b8]200 [#7fd489]300 [#4cc45a]400 [#26b736]500 [#00aa13]600 [#00a311]700 [#00990e]800 [#00900b]900 [#007f06]
You can apply the custom swatch to Theme, or access the individual color directly using:
Color gojek100 = gojekSwatch[100];
Color gojek200 = gojekSwatch[200];
Color gojek300 = gojekSwatch[300];
Color gojek400 = gojekSwatch[400];
Color gojek500 = gojekSwatch[500];
Color gojek600 = gojekSwatch[600];
Color gojek700 = gojekSwatch[700];
Color gojek800 = gojekSwatch[800];
Color gojek900 = gojekSwatch[900];
Custom Pre-Generated Swatches
Class Colours also come with custom pre-generated swatches.
Colours.aliceBlueColours.antiqueWhiteColours.aquaColours.aquamarineColours.azureColours.beigeColours.bisqueColours.blanchedAlmondColours.blueVioletColours.burlyWoodColours.burntSiennaColours.cadetBlueColours.chartReuseColours.chocolateColours.coralColours.cornFlowerBlueColours.cornSilkColours.crimsonColours.darkBlueColours.darkCyanColours.darkGoldenRodColours.darkGreenColours.darkGreyColours.darkKhakiColours.darkMagentaColours.darkOliveGreenColours.darkOrangeColours.darkOrchidColours.darkRedColours.darkSalmonColours.darkSeagreenColours.darkSlateBlueColours.darkSlateGreyColours.darkTurquoiseColours.darkVioletColours.deepPinkColours.deepSkyBlueColours.dimGreyColours.dodgerBlueColours.fireBrickColours.floralWhiteColours.forestGreenColours.fuchsiaColours.gainsboroColours.ghostWhiteColours.goldColours.goldenRodColours.greenYellowColours.honeyDewColours.hotPinkColours.indianRedColours.ivoryColours.khakiColours.lavenderColours.lavenderBlushColours.lawnGreenColours.lemonChiffonColours.lightCoralColours.lightCyanColours.lightGoldenRodYellowColours.lightGreyColours.lightPinkColours.lightSalmonColours.lightSeaGreenColours.lightSkyBlueColours.lightSlateGreyColours.lightSteelBlueColours.lightYellowColours.limeGreenColours.linenColours.magentaColours.maroonColours.mediumAquamarineColours.mediumBlueColours.mediumOrchidColours.mediumPurpleColours.mediumSeaGreenColours.mediumSlateBlueColours.mediumSpringGreenColours.mediumTurquoiseColours.mediumVioletRedColours.midnightBlueColours.mintCreamColours.mistyRoseColours.moccasinColours.navajoWhiteColours.navyColours.oldlaceColours.oliveColours.olivedRabColours.orangeRedColours.orchidColours.paleGoldenRodColours.paleGreenColours.paleTurquoiseColours.paleVioletRedColours.papayaWhipColours.peachPuffColours.peruColours.plumColours.powderBlueColours.rebeccaPurpleColours.rosyBrownColours.royalBlueColours.saddleBrownColours.salmonColours.sandyBrownColours.seaGreenColours.seaShellColours.siennaColours.silverColours.skyBlueColours.slateBlueColours.slateGreyColours.snowColours.springGreenColours.steelBlueColours.tanColours.thistleColours.tomatoColours.turquoiseColours.violetColours.wheatColours.whiteSmokeColours.yellowGreen
Default Color Swatches
Colours also come with default color swatches from class Colors.
Colours.redColours.redAccentColours.pinkColours.pinkAccentColours.purpleColours.purpleAccentColours.deepPurpleColours.deepPurpleAccentColours.indigoColours.indigoAccentColours.blueColours.blueAccentColours.lightBlueColours.lightBlueAccentColours.cyanColours.cyanAccentColours.tealColours.tealAccentColours.greenColours.greenAccentColours.lightGreenColours.lightGreenAccentColours.limeColours.limeAccentColours.yellowColours.yellowAccentColours.amberColours.amberAccentColours.orangeColours.orangeAccentColours.deepOrangeColours.deepOrangeAccentColours.brownColours.greyColours.blueGrey
Also default colors from Colors:
-
Colours.transparent -
Colours.black -
Colours.black87 -
Colours.black54 -
Colours.black45 -
Colours.black38 -
Colours.black26 -
Colours.black12 -
Colours.white -
Colours.white70 -
Colours.white60 -
Colours.white54 -
Colours.white38 -
Colours.white30 -
Colours.white24 -
Colours.white12 -
Colours.white10
Visual Studio Code Extension
You can search and install extension named fluttercolour to show color preview of Colours.

