colours

Description:

colours

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
copied to clipboard
or reference the git repo directly:
dependencies:
colour:
git:
url: git://github.com/salkuadrat/colours.git
copied to clipboard
Examples #
Suppose your brand color is #00aa13.
Gojek Brand Color [#00aa13]
You can generate your own custom swatch using:
MaterialColor gojekSwatch = Colours.swatch('#00aa13');
copied to clipboard
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];
copied to clipboard
Custom Pre-Generated Swatches #
Class Colours also come with custom pre-generated swatches.

Colours.aliceBlue
Colours.antiqueWhite
Colours.aqua
Colours.aquamarine
Colours.azure
Colours.beige
Colours.bisque
Colours.blanchedAlmond
Colours.blueViolet
Colours.burlyWood
Colours.burntSienna
Colours.cadetBlue
Colours.chartReuse
Colours.chocolate
Colours.coral
Colours.cornFlowerBlue
Colours.cornSilk
Colours.crimson
Colours.darkBlue
Colours.darkCyan
Colours.darkGoldenRod
Colours.darkGreen
Colours.darkGrey
Colours.darkKhaki
Colours.darkMagenta
Colours.darkOliveGreen
Colours.darkOrange
Colours.darkOrchid
Colours.darkRed
Colours.darkSalmon
Colours.darkSeagreen
Colours.darkSlateBlue
Colours.darkSlateGrey
Colours.darkTurquoise
Colours.darkViolet
Colours.deepPink
Colours.deepSkyBlue
Colours.dimGrey
Colours.dodgerBlue
Colours.fireBrick
Colours.floralWhite
Colours.forestGreen
Colours.fuchsia
Colours.gainsboro
Colours.ghostWhite
Colours.gold
Colours.goldenRod
Colours.greenYellow
Colours.honeyDew
Colours.hotPink
Colours.indianRed
Colours.ivory
Colours.khaki
Colours.lavender
Colours.lavenderBlush
Colours.lawnGreen
Colours.lemonChiffon
Colours.lightCoral
Colours.lightCyan
Colours.lightGoldenRodYellow
Colours.lightGrey
Colours.lightPink
Colours.lightSalmon
Colours.lightSeaGreen
Colours.lightSkyBlue
Colours.lightSlateGrey
Colours.lightSteelBlue
Colours.lightYellow
Colours.limeGreen
Colours.linen
Colours.magenta
Colours.maroon
Colours.mediumAquamarine
Colours.mediumBlue
Colours.mediumOrchid
Colours.mediumPurple
Colours.mediumSeaGreen
Colours.mediumSlateBlue
Colours.mediumSpringGreen
Colours.mediumTurquoise
Colours.mediumVioletRed
Colours.midnightBlue
Colours.mintCream
Colours.mistyRose
Colours.moccasin
Colours.navajoWhite
Colours.navy
Colours.oldlace
Colours.olive
Colours.olivedRab
Colours.orangeRed
Colours.orchid
Colours.paleGoldenRod
Colours.paleGreen
Colours.paleTurquoise
Colours.paleVioletRed
Colours.papayaWhip
Colours.peachPuff
Colours.peru
Colours.plum
Colours.powderBlue
Colours.rebeccaPurple
Colours.rosyBrown
Colours.royalBlue
Colours.saddleBrown
Colours.salmon
Colours.sandyBrown
Colours.seaGreen
Colours.seaShell
Colours.sienna
Colours.silver
Colours.skyBlue
Colours.slateBlue
Colours.slateGrey
Colours.snow
Colours.springGreen
Colours.steelBlue
Colours.tan
Colours.thistle
Colours.tomato
Colours.turquoise
Colours.violet
Colours.wheat
Colours.whiteSmoke
Colours.yellowGreen

Default Color Swatches #
Colours also come with default color swatches from class Colors.

Colours.red
Colours.redAccent
Colours.pink
Colours.pinkAccent
Colours.purple
Colours.purpleAccent
Colours.deepPurple
Colours.deepPurpleAccent
Colours.indigo
Colours.indigoAccent
Colours.blue
Colours.blueAccent
Colours.lightBlue
Colours.lightBlueAccent
Colours.cyan
Colours.cyanAccent
Colours.teal
Colours.tealAccent
Colours.green
Colours.greenAccent
Colours.lightGreen
Colours.lightGreenAccent
Colours.lime
Colours.limeAccent
Colours.yellow
Colours.yellowAccent
Colours.amber
Colours.amberAccent
Colours.orange
Colours.orangeAccent
Colours.deepOrange
Colours.deepOrangeAccent
Colours.brown
Colours.grey
Colours.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.