flutter_brand_palettes 0.1.10 copy "flutter_brand_palettes: ^0.1.10" to clipboard
flutter_brand_palettes: ^0.1.10 copied to clipboard

outdated

Set of declarative classes for the official color palettes of popular brands and companies and of the Material Design standard.

Flutter Brand Palettes #

pub license style: lint Build Status Coverage Status Hits-of-Code EO principles respected here

Stop searching the internet for brand colors hex codes! Stop wondering whether an obscure command like Grey.colors[200](why 200 and not, say, 130 or 440?!) represents a light, medium or dark shade of grey. (actually it means Grey.light(), in declarative programming).

This is a declarative and object-oriented package for the official color palettes of popular brands and companies and of the Material Design standard.

Getting Started #

Instead of a constant integer value, each color is represented by a named constructor of its corresponding brand class. In this way, the source code becomes more object-oriented, readable and maintainable. For instance, Instagram.red().color retrieves the Instagram's red color #FD1D1D; Google.red().color, Google's red #DB4437; Facebook.blue().color, Facebook's blue #4267B2; and so on.

Material Design color classes #

These are classes whose names are the colors they represent, like "Grey". E.g: Grey() represents the primary grey color, equivalent to the Flutter's cryptic Colors.grey.shade500; Grey.light()Colors.grey.shade200; Grey.veryDark()Colors.grey.shade900; and so on.

For more details: api reference.

Usage example #

import 'package:brand_colors/flutter_brand_colors.dart';
import 'package:flutter/material.dart';

class FacebookIsh extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Facebook.blue().color,
    );
  }
}

Do you need any brand that has not yet been implemented? #

Just open an issue, enter the brand name and a reference link for the (hexadecimal) values of the colors. The brand colors will be implemented as soon as possible.

Material Design Color Classes #

  • Amber, AmberAccent;
  • Black, Black.opacity87, Black.opacity54, Black.opacity45, Black.opacity38, Black.opacity26, Black.opacity12;
  • Blue, BlueAccent, BlueGrey, LightBlue, LightBlueAccent, Cyan, CyanAccent, Indigo, IndigoAccent;
  • Brown;
  • Green, GreenAccent, LightGreen, LightGreenAccent, Lime, LimeAccent, Teal, TealAccent;
  • Grey;
  • Orange, OrangeAccent, DeepOrange, DeepOrangeAccent;
  • Pink, PinkAccent;
  • Purple, PurpleAccent, DeepPurple, DeepPurpleAccent;
  • Red, RedAccent;
  • Transparent;
  • White, White.opacity70, White.opacity60, White.opacity54, White.opacity38, White.opacity30, White.opacity24, White.opacity12, White.opacity10;
  • Yellow, YellowAccent.

See also: material design's color palette.

Brand Palettes Classes (A-Z) #

  • Amazon
    • black, orange.
  • American Express
    • bright blue, deep blue, neutral 1 (light grey), neutral 2 (dark grey).
  • Android
    • green.
  • Apple
    • black, silver, white.
  • Bitcoin
    • grey, orange, white.
  • Facebook
    • black, blue, grey, white.
  • Flutter
    • blue, dark blue, dark grey, light blue, light grey, grey, white.
  • Google
    • blue, green, red, yellow.
  • Instagram
    • blue, dark orange, dark pink, light yellow, orange, purple, purple-red, red, royal blue, yellow.
  • Iphone11
    • black, light green, light purple, light yellow, red, white.
  • Iphone11Pro
    • midnight green, rose-gold, silver, space grey.
  • Iphone7
    • black, gold, rose-gold, silver.
  • Iphone8
    • gold, silver, space grey.
  • IphoneXR2
    • black, blue, coral, red, white, yellow.
  • IphoneXS
    • black, gold, silver.
  • Kotlin
    • blue, orange, purple, violet.
  • Linkedin
    • blue, white.
  • Mastercard
    • black, orange, red, yellow.
  • Microsoft
    • blue, green, grey, orange-red, yellow.
  • PayPal
    • black, pal blue, pay blue, white.
  • Slack
    • aubergine (eggplant), black, blue, green, red, yellow.
  • Spotify
    • black, green, white.
  • TikTok
    • black, red, turqoise, white.
  • Tinder
    • grey, pink.
  • Twitter
    • black, blue, dark grey, extra extra light grey, extra light grey, light, grey, white.
  • Visa
    • blue, gold.
  • Whatsapp
    • blue, light green, teal green, teal green dark, white, white chocolate.
  • Youtube
    • almost black, red, white.

Hex color values references

40
likes
0
pub points
63%
popularity

Publisher

verified publisherdartoos.dev

Set of declarative classes for the official color palettes of popular brands and companies and of the Material Design standard.

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_brand_palettes