Skip to content

Instantly share code, notes, and snippets.

@khalid32
Last active August 1, 2019 05:51
Show Gist options
  • Save khalid32/123fd63f8fd3061c8ce6cd9387def0f4 to your computer and use it in GitHub Desktop.
Save khalid32/123fd63f8fd3061c8ce6cd9387def0f4 to your computer and use it in GitHub Desktop.
"Flat-UI-Palette" is a total set of 14 color palettes and 280 colors for your designs, projects, presentations and other needs. Link: https://flatuicolors.com/
/*
Here is a simple code to use 280 colors on web & app design. Here I focus on "RGBA" format so developer can also control opacity.
For example, you can invoke functions as `FlatUI().black` where opacity is by default 1 when argument is blank.
You don't need to put floating number; just place a number range [0, 9] to control opacity.
*/
const getIntNumber = (getNumber) => {
switch(getNumber){
case 0:
return 0.0; break;
case 1:
return 0.1; break;
case 2:
return 0.2; break;
case 3:
return 0.3; break;
case 4:
return 0.4; break;
case 5:
return 0.5; break;
case 6:
return 0.6; break;
case 7:
return 0.7; break;
case 8:
return 0.8; break;
case 9:
return 0.9; break;
default:
return 1.0;
}
}
const FlatUI = (value) => {
const opacity = getIntNumber(value);
return {
black: `rgba(52, 73, 94, ${opacity})`, // WET ASPHALT
darkBlack: `rgba(44, 62, 80, ${opacity})`, // MIDNIGHT BLUE
gray: `rgba(149, 165, 166, ${opacity})`, // CONCRETE
darkGray: `rgba(127, 140, 141, ${opacity})`, // ASBESTOS
lightGray: `rgba(189, 195, 199, ${opacity})`, // SILVER
white: `rgba(236, 240, 241, ${opacity})`, // CLOUDS
purple: `rgba(155, 89, 182, ${opacity})`, // WISTERIA
darkPurple: `rgba(142, 68, 173, ${opacity})`, // AMETHYST
blue: `rgba(52, 152, 219, ${opacity})`, // PETER RIVER
darkBlue: `rgba(41, 128, 185, ${opacity})`, // BELIZE HOLE
red: `rgba(231, 76, 60, ${opacity})`, // ALIZARIN
darkRed: `rgba(192, 57, 43, ${opacity})`, // POMEGRANATE
green: `rgba(46, 204, 113, ${opacity})`, // EMERALD
darkGreen: `rgba(39, 174, 96, ${opacity})`, // NEPHRITIS
orange: `rgba(230, 126, 34, ${opacity})`, // CARROT
darkOrange: `rgba(211, 84, 0, ${opacity})`, // PUMPKIN
green: `rgba(26, 188, 156, ${opacity})`, // TURQUOISE
darkGreen: `rgba(22, 160, 133, ${opacity})`, // GREEN SEA
yellow: `rgba(241, 196, 15, ${opacity})`, // SUN FLOWER
darkYellow: `rgba(243, 156, 18, ${opacity})` // ORANGE
}
}
const American = (value) => {
const opacity = getIntNumber(value);
return {
white: `rgba(223, 230, 233, ${opacity})`, // CITY LIGHTS
gray: `rgba(178, 190, 195, ${opacity})`, // SOOTHING BREEZE
darkGray: `rgba(99, 110, 114, ${opacity})`, // AMERICAN RIVER
black: `rgba(45, 52, 54, ${opacity})`, // DRACULA ORCHID
lightPurple: `rgba(162, 155, 254, ${opacity})`, // SHY MOMENT
purple: `rgba(108, 92, 231, ${opacity})`, // EXODUS FRUIT
lightPink: `rgba(253, 121, 168, ${opacity})`, // PICO-8 PINK
pink: `rgba(232, 67, 147, ${opacity})`, // PRUNUS AVIUM
lightBlue: `rgba(116, 185, 255, ${opacity})`, // GREEN DARNER TAIL
blue: `rgba(9, 132, 227, ${opacity})`, // ELECTRON BLUE
lightRed: `rgba(255, 118, 117, ${opacity})`, // PINK GLAMOUR
red: `rgba(214, 48, 49, ${opacity})`, // CHI-GONG
lightSky: `rgba(129, 236, 236, ${opacity})`, // FADED POSTER
sky: `rgba(0, 206, 201, ${opacity})`, // ROBIN'S EGG BLUE
lightOrange: `rgba(250, 177, 160, ${opacity})`, // FIRST DATE
orange: `rgba(225, 112, 85, ${opacity})`, // ORANGEVILLE
lightGreen: `rgba(85, 239, 196, ${opacity})`, // LIGHT GREENISH BLUE
green: `rgba(0, 184, 148, ${opacity})`, // MINT LEAF
lightYellow: `rgba(255, 234, 167, ${opacity})`, // SOUR LEMON
yellow: `rgba(253, 203, 110, ${opacity})` // BRIGHT YARROW
}
}
const Aussie = (value) => {
const opacity = getIntNumber(value);
return {
white: `rgba(223, 249, 251, ${opacity})`, // COASTAL BREEZE
gray: `rgba(199, 236, 238, ${opacity})`, // HINT OF ICE PACK
darkGray: `rgba(149, 175, 192, ${opacity})`, // SOARING EAGLE
black: `rgba(83, 92, 104, ${opacity})`, // WIZARD GREY
lightGreen: `rgba(186, 220, 88, ${opacity})`, //JUNE BUD
green: `rgba(106, 176, 76, ${opacity})`, // PURE APPLE
deepBlue: `rgba(48, 51, 107, ${opacity})`, // DEEP KOAMARU
deepDarkBlue: `rgba(19, 15, 64, ${opacity})`, // DEEP COVE
lightRed: `rgba(255, 121, 121, ${opacity})`, // PINK GLAMOUR
red: `rgba(235, 77, 75, ${opacity})`, // CARMINE PINK
lightBlue: `rgba(104, 109, 224, ${opacity})`, // EXODUS FRUIT
blue: `rgba(72, 52, 212, ${opacity})`, // BLURPLE
lightOrange: `rgba(255, 190, 118, ${opacity})`, // SPICED NECTARINE
orange: `rgba(240, 147, 43, ${opacity})`, // QUINCE JELLY
lightPink: `rgba(224, 86, 253, ${opacity})`, // HELIOTROPE
pink: `rgba(190, 46, 221, ${opacity})`, // STEEL PINK
lightYellow: `rgba(246, 229, 141, ${opacity})`, // BEEKEEPER
yellow: `rgba(249, 202, 36, ${opacity})`, // TURBO
lightSky: `rgba(126, 214, 223, ${opacity})`, // MIDDLE BLUE
sky: `rgba(34, 166, 179, ${opacity})` // GREENLAND GREEN
}
}
const British = (value) => {
const opacity = getIntNumber(value);
return {
blue: `rgba(72, 126, 176, ${opacity})`, // SEAROOK
navalBlue: `rgba(64, 115, 158, ${opacity})`, // NAVAL
blackOne: `rgba(53, 59, 72, ${opacity})`, // BLUE NIGHTS
blackTwo: `rgba(47, 54, 64, ${opacity})`, // ELECTROMAGNETIC
green: `rgba(76, 209, 55, ${opacity})`, // DOWNLOAD PROGRESS
darkGreen: `rgba(68, 189, 50, ${opacity})`, // SKIRRET GREEN
deepBlue: `rgba(39, 60, 117, ${opacity})`, // MAZARINE BLUE
deepDarkBlue: `rgba(25, 42, 86, ${opacity})`, // PICO VOID
lightYellow: `rgba(251, 197, 49, ${opacity})`, // RISE-N-SHINE
yellow: `rgba(225, 177, 44, ${opacity})`, // NANOHANACHA GOLD
grayBlue: `rgba(127, 143, 166, ${opacity})`, // BLUEBERRY SODA
darkGrayBlue: `rgba(113, 128, 147, ${opacity})`, // CHAIN GANG GREY
lightPurple: `rgba(156, 136, 255, ${opacity})`, // PERIWINKLE
purple: `rgba(140, 122, 230, ${opacity})`, // MATT PURPLE
white: `rgba(245, 246, 250, ${opacity})`, // LYNX WHITE
darkWhite: `rgba(220, 221, 225, ${opacity})`, // HINT OF PENSIVE
lightSky: `rgba(0, 168, 255, ${opacity})`, // PROTOSS PYLON
sky: `rgba(0, 151, 230, ${opacity})`, // VANADYL BLUE
lightRed: `rgba(232, 65, 24, ${opacity})`, // NASTURCIAN FLOWER
red: `rgba(194, 54, 22, ${opacity})` // HARLEY DAVIDSON ORANGE
}
}
const Canadian = (value) => {
const opacity = getIntNumber(value);
return {
lightGreen: `rgba(29, 209, 161, ${opacity})`, // WILD CARIBBEAN GREEN
green: `rgba(16, 172, 132, ${opacity})`, // DARK MOUNTAIN MEADOW
gray: `rgba(87, 101, 116, ${opacity})`, // FUEL TOWN
black: `rgba(34, 47, 62, ${opacity})`, // IMPERIAL PRIMER
lightGray: `rgba(131, 149, 167, ${opacity})`, // LIGHT BLUE BALLERINA
white: `rgba(200, 214, 229, ${opacity})`, // STORM PETREL
sky: `rgba(10, 189, 227, ${opacity})`, // CYANITE
lightSky: `rgba(72, 219, 251, ${opacity})`, // MEGAMAN
lightRed: `rgba(255, 107, 107, ${opacity})`, // PASTEL RED
red: `rgba(238, 82, 83, ${opacity})`, // AMOUR
lightPurple: `rgba(95, 39, 205, ${opacity})`, // NASU PURPLE
purple: `rgba(52, 31, 151, ${opacity})`, // BLUEBELL
lightYellow: `rgba(254, 202, 87, ${opacity})`, // CASANDORA YELLOW
Yellow: `rgba(255, 159, 67, ${opacity})`, // DOUBLE DRAGON SKIN
lightBlue: `rgba(84, 160, 255, ${opacity})`, // JOUST BLUE
blue: `rgba(46, 134, 222, ${opacity})`, // BLEU DE FRANCE
lightPink: `rgba(255, 159, 243, ${opacity})`, // JIGGLYPUFF
pink: `rgba(243, 104, 224, ${opacity})`, // LIAN HONG LOTUS PINK
// below two colors are look similar to sky-blue...
lightCyan: `rgba(0, 210, 211, ${opacity})`, // JADE DUST
cyan: `rgba(1, 163, 164, ${opacity})` // AQUA VELVET
}
}
const Chinese = (value) => {
const opacity = getIntNumber(value);
return {
darkGray: `rgba(87, 96, 111, ${opacity})`, // GRISAILE
black: `rgba(47, 53, 66,${opacity})`, // PRESTIGE BLUE
darkWhite: `rgba(223, 228, 234,${opacity})`, // CITY LIGHTS
darkerWhite: `rgba(206, 214, 224,${opacity})`, // TWINKLE BLUE
lightGray: `rgba(164, 176, 190,${opacity})`, // PEACE
gray: `rgba(116, 125, 140,${opacity})`, // BAY WHARF
lightWhite: `rgba(255, 255, 255,${opacity})`, // ...
white: `rgba(241, 242, 246,${opacity})`, // ANTI-FLASH LIGHT
lightPink: `rgba(255, 107, 129,${opacity})`, // WILD WATERMELON
pink: `rgba(255, 71, 87,${opacity})`, // WATERMELON
lightBlue: `rgba(83, 82, 237,${opacity})`, // SATUATED SKY
blue: `rgba(55, 66, 250,${opacity})`, // BRIGHT GREEK
lightRed: `rgba(255, 127, 80,${opacity})`, // CORAL
red: `rgba(255, 99, 72,${opacity})`, // BRUSCHETTA TOMATO
lightCyan: `rgba(112, 161, 255,${opacity})`, // FRENCH SKY BLUE
cyan: `rgba(30, 144, 255,${opacity})`, // CLEAR CHILL
lightOrange: `rgba(236, 204, 104,${opacity})`, // GOLDEN SAND
orange: `rgba(255, 165, 2,${opacity})`, // ORANGE
lightGreen: `rgba(123, 237, 159,${opacity})`, // LIME SOAP
green: `rgba(46, 213, 115,${opacity})` // UFO GREEN
}
}
const Dutch = (value) => {
const opacity = getIntNumber(value);
return {
pink: `rgba(237, 76, 103,${opacity})`, // BARA RED
darkPink: `rgba(181, 52, 113,${opacity})`, // VERY BERRY
purple: `rgba(131, 52, 113,${opacity})`, // HOLLYHOCK
darkPurple: `rgba(111, 30, 81,${opacity})`, // MAGENTA PURPLE
// this color is new to me...
lighterPink: `rgba(253, 167, 223,${opacity})`, // LAVENDER ROSE
lightPink: `rgba(217, 128, 250,${opacity})`, // LAVENDER TEA
lightPurple: `rgba(153, 128, 250,${opacity})`, // FORGOTTEN PURPLE
purple: `rgba(87, 88, 187,${opacity})`, // CIRCUMORBITAL RING
lightSky: `rgba(18, 203, 196,${opacity})`, // BLUE MARTINA
lightCyan: `rgba(18, 137, 167,${opacity})`, // MEDITERRANEAN SEA
sky: `rgba(6, 82, 221,${opacity})`, // MERCHANT MARINE BLUE
darkBlue: `rgba(27, 20, 100,${opacity})`, // 20000 LEAGUES UNDER THE SEA
lighterGreen: `rgba(196, 229, 56,${opacity})`, // ENERGOS
lightGreen: `rgba(163, 203, 56,${opacity})`, // ANDROID GREEN
green: `rgba(0, 148, 50,${opacity})`, // PIXELATED GRASS
cyan: `rgba(0, 98, 102,${opacity})`, // TURKISH AQUA
lighterOrange: `rgba(255, 195, 18,${opacity})`, // SUNFLOWER
lightOrange: `rgba(247, 159, 31,${opacity})`, // RADIANT YELLOW
orange: `rgba(238, 90, 36,${opacity})`, // PUFFINS BILL
red: `rgba(234, 32, 39,${opacity})` // RED PIGMENT
}
}
const French = (value) => {
const opacity = getIntNumber(value);
return {
lightGreen: `rgba(184, 233, 148,${opacity})`, // PARADISE GREEN
green: `rgba(120, 224, 143,${opacity})`, // AURORA GREEN
lightCyan: `rgba(56, 173, 169,${opacity})`, // WATERFALL
cyan: `rgba(7, 153, 146,${opacity})`, // REEF ENCOUNTER
lightSky: `rgba(130, 204, 221,${opacity})`, // SPRAY
sky: `rgba(96, 163, 188,${opacity})`, // DUPAIN
darkSky: `rgba(60, 99, 130,${opacity})`, // GOOD SAMARITAN
darkerSky: `rgba(10, 61, 98,${opacity})`, // FOREST BLUES
lightBlue: `rgba(106, 137, 204,${opacity})`, // LIVID
blue: `rgba(74, 105, 189,${opacity})`, // AZRAQ BLUE
darkBlue: `rgba(30, 55, 153,${opacity})`, // YUE GUAND LAN BLUE
darkerBlue: `rgba(12, 36, 97,${opacity})`, // DARK SAPPHIRE
lightRed: `rgba(248, 194, 145,${opacity})`, // MELON MELODY
red: `rgba(229, 80, 57,${opacity})`, // MANDARIN RED
darkRed: `rgba(235, 47, 6,${opacity})`, // TOMATO RED
pink: `rgba(183, 21, 64,${opacity})`, // JALAPENO RED
lightYellow: `rgba(250, 211, 144,${opacity})`, // FLAT FLESH
yellow: `rgba(246, 185, 59,${opacity})`, // SQUASH BLOSSOM
lightOrange: `rgba(250, 152, 58,${opacity})`, // ICELAND POPPY
orange: `rgba(229, 142, 38,${opacity})` // CARROT ORANGE
}
}
const German = (value) => {
const opacity = getIntNumber(value);
return {
lightCyan: `rgba(43, 203, 186,${opacity})`, // MAXIMUM BLUE GREEN
cyan: `rgba(15, 185, 177,${opacity})`, // TURQUOISE TOPAZ
darkGray: `rgba(119, 140, 163,${opacity})`, // BLUE GREY
black: `rgba(75, 101, 132,${opacity})`, // BLUE HORIZON
lightGray: `rgba(165, 177, 194,${opacity})`, // INNUENDO
white: `rgba(209, 216, 224,${opacity})`, // TWINKLE BLUE
lightGreen: `rgba(38, 222, 129,${opacity})`, // REPTILE GREEN
green: `rgba(32, 191, 107,${opacity})`, // ALGAL FUEL
lightYellow: `rgba(254, 211, 48,${opacity})`, // FLIRTATIOUS
yellow: `rgba(247, 183, 49,${opacity})`, // NYC TAXI
lightPurple: `rgba(165, 94, 234,${opacity})`, // LIGHTER PURPLE
purple: `rgba(136, 84, 208,${opacity})`, // GLOOMY PURPLE
lightOrange: `rgba(253, 150, 68,${opacity})`, // ORANGE HIBISCUS
orange: `rgba(250, 130, 49,${opacity})`, // BENIUKON BRONZE
lightBlue: `rgba(75, 123, 236,${opacity})`, // C64 NTSC
blue: `rgba(56, 103, 214,${opacity})`, // ROYAL BLUE
lightRed: `rgba(252, 92, 101,${opacity})`, // FUSION RED
red: `rgba(235, 59, 90,${opacity})`, // DESIRE
lightSky: `rgba(69, 170, 242,${opacity})`, // HIGH BLUE
sky: `rgba(45, 152, 218,${opacity})` // BOYZONE
}
}
const Indian = (value) => {
const opacity = getIntNumber(value);
return {
white: `rgba(202, 211, 200,${opacity})`, // FALLING STAR
black: `rgba(44, 58, 71,${opacity})`, // SHIP'S OFFICER
lightPurple: `rgba(214, 162, 232,${opacity})`, // BRIGHT UBE
purple: `rgba(130, 88, 159,${opacity})`, // HIGHLIGHTER LAVENDER
cyan: `rgba(85, 230, 193,${opacity})`, // SWEET GARDEN
darkCyan: `rgba(88, 177, 159,${opacity})`, // KEPPEL
lightCyan: `rgba(154, 236, 219,${opacity})`, // OASIS STREAM
// that's a new one!!
grayYellow: `rgba(189, 197, 129,${opacity})`, // PINE GLADE
yellow: `rgba(234, 181, 67,${opacity})`, // HONEY GLOW
lightYellow: `rgba(248, 239, 186,${opacity})`, // SARAWAK WHITE PEPPER
lightPink: `rgba(253, 114, 114,${opacity})`, // GEORGIA PEACH
pink: `rgba(252, 66, 123,${opacity})`, // SASQUATCH SOCKS
lightSky: `rgba(37, 204, 247,${opacity})`, // SPIRO DISCO BAR
sky: `rgba(27, 156, 252,${opacity})`, // CLEAR CHILL
blue: `rgba(59, 59, 152,${opacity})`, // BLUEBELL
darkBlue: `rgba(24, 44, 97,${opacity})`, // ENDING NAVY BLUE
lightOrange: `rgba(254, 164, 127,${opacity})`, // ORCHID ORANGE
orange: `rgba(249, 127, 81,${opacity})`, // RICH GARDENIA
darkPink: `rgba(179, 55, 113,${opacity})`, // FIERY FUCHSIA
darkerPink: `rgba(109, 33, 79,${opacity})` // MAGENTA PURPLE
}
}
const Russian = (value) => {
const opacity = getIntNumber(value);
return {
darkPink: `rgba(207, 106, 135,${opacity})`, // OLD GERANIUM
darkerPink: `rgba(196, 69, 105,${opacity})`, // DEEP ROSE
gray: `rgba(89, 98, 117,${opacity})`, // PENCIL LEAD
black: `rgba(48, 57, 82,${opacity})`, // BISCAY
lightRed: `rgba(231, 127, 103,${opacity})`, // BREWED MUSTARD
red: `rgba(225, 95, 65,${opacity})`, // TIGERLILY
pinker: `rgba(234, 134, 133,${opacity})`, // APPLE VALLEY
// Sorry!! :( I have no unique names in my head!
pink: `rgba(230, 103, 103,${opacity})`, // PORCELAIN ROSE
lightBlue: `rgba(119, 139, 235,${opacity})`, // SOFT BLUE
blue: `rgba(84, 109, 229,${opacity})`, // CORNFLOWER
lightSky: `rgba(99, 205, 218,${opacity})`, // SQUEAKY
sky: `rgba(61, 193, 211,${opacity})`, // BLUE CURACAO
lightYellow: `rgba(247, 215, 148,${opacity})`, // ROSY HIGHLIGHT
yellow: `rgba(245, 205, 121,${opacity})`, // SUMMERTIME
lighterPink: `rgba(248, 165, 194,${opacity})`, // ROGUE PINK
lightPink: `rgba(247, 143, 179,${opacity})`, // FLAMINGO PINK
lightOrange: `rgba(243, 166, 131,${opacity})`, // CREAMY PEACH
orange: `rgba(241, 144, 102,${opacity})`, // SAWTOOTH AAK
lightPurple: `rgba(120, 111, 166,${opacity})`, // PURPLE MOUNTAIN MAJESTY
purple: `rgba(87, 75, 144,${opacity})` // PURPLE CORALLITE
}
}
const Spanish = (value) => {
const opacity = getIntNumber(value);
return {
lightGreen: `rgba(51, 217, 178,${opacity})`, // CELESTIAL GREEN
green: `rgba(33, 140, 116,${opacity})`, // PALM SPRINGS SPLASH
lightYellow: `rgba(255, 218, 121,${opacity})`, // SPICED BUTTERNUT
grayYellow: `rgba(204, 174, 98,${opacity})`, // DESERT
lightSky: `rgba(52, 172, 224,${opacity})`, // SUMMER SKY
sky: `rgba(34, 112, 147,${opacity})`, // DEVIL BLUE
yellow: `rgba(255, 177, 66,${opacity})`, // MANDARIN SORBET
darkYellow: `rgba(204, 142, 53,${opacity})`, // ALAMEDA OCHRE
white: `rgba(247, 241, 227,${opacity})`, // SWAN WHITE
darkGray: `rgba(170, 166, 157,${opacity})`, // HOT STONE
lightGray: `rgba(209, 204, 192,${opacity})`, // CROCODILE TOOTH
black: `rgba(132, 129, 122,${opacity})`, // GREY PORCELAIN
lightBlue: `rgba(112, 111, 211,${opacity})`, // C64 PURPLE
blue: `rgba(71, 71, 135,${opacity})`, // LIBERTY
darkBlue: `rgba(64, 64, 122,${opacity})`, // JACKSONS PURPLE
darkerBlue: `rgba(44, 44, 84,${opacity})`, // LUCKY POINT
lightOrange: `rgba(255, 121, 63,${opacity})`, // SYNTHETIC PUMPKIN
orange: `rgba(205, 97, 51,${opacity})`, // CHILEAN FIRE
lightRed: `rgba(255, 82, 82,${opacity})`, // FLUORESCENT RED
red: `rgba(179, 57, 57,${opacity})` // EYE OF NEWT
}
}
const Swedish = (value) => {
const opacity = getIntNumber(value);
return {
lightGreen: `rgba(11, 232, 129,${opacity})`, // MINTY GREEN
green: `rgba(5, 196, 107,${opacity})`, // GREEN TEAL
darkGray: `rgba(72, 84, 96,${opacity})`, // GOOD NIGHT!
black: `rgba(30, 39, 46,${opacity})`, // BLACK PEARL
gray: `rgba(128, 142, 155,${opacity})`, // LONDON SQUARE
white: `rgba(210, 218, 226,${opacity})`, //HINT OF ELUSIVE BLUE
lightCyan: `rgba(52, 231, 228,${opacity})`, // FRESH TURQUOISE
cyan: `rgba(0, 216, 214,${opacity})`, // JADE DUST
lightSky: `rgba(75, 207, 250,${opacity})`, // MEGAMAN
sky: `rgba(15, 188, 249,${opacity})`, // SPIRO DISCO BALL
lightRed: `rgba(255, 94, 87,${opacity})`, // SUNSET ORANGE
red: `rgba(255, 63, 52,${opacity})`, // RED ORANGE
lightBlue: `rgba(87, 95, 207,${opacity})`, // DARK PERIWINKLE
blue: `rgba(60, 64, 198,${opacity})`, // FREE SPEECH BLUE
lightYellow: `rgba(255, 221, 89,${opacity})`, // YRIEL YELLOW
yellow: `rgba(255, 211, 42,${opacity})`, // VIBRANT YELLOW
lightPink: `rgba(239, 87, 119,${opacity})`, // HIGHLIGHTER PINK
pink: `rgba(245, 59, 87,${opacity})`, // SIZZLING RED
lightOrange: `rgba(255, 192, 72,${opacity})`, // NARENJI ORANGE
orange: `rgba(255, 168, 1,${opacity})` // CHROME YELLOW
}
}
const Turkish = (value) => {
const opacity = getIntNumber(value);
return {
lightYellow: `rgba(255, 250, 101,${opacity})`, // UNMELLOW YELLOW
yellow: `rgba(255, 242, 0,${opacity})`, // DORN YELLOW
gray: `rgba(75, 75, 75,${opacity})`, // SHADOWED STEEL
black: `rgba(61, 61, 61,${opacity})`, // BALTIC SEA
lightOrange: `rgba(255, 175, 64,${opacity})`, // MANDARIN SORBET
orange: `rgba(255, 159, 26,${opacity})`, // RADIANT YELLOW
lightBlue: `rgba(125, 95, 255,${opacity})`, // LIGHT SLATE BLUE
blue: `rgba(113, 88, 226,${opacity})`, // LIGHT INDIGO
lightRed: `rgba(255, 77, 77,${opacity})`, // LIGHT RED
red: `rgba(255, 56, 56,${opacity})`, // RED ORANGE
lightCyan: `rgba(24, 220, 255,${opacity})`, // NEON BLUE
cyan: `rgba(23, 192, 235,${opacity})`, // SPIRO DISCO BALL
lightPink: `rgba(255, 204, 204,${opacity})`, // PRETTY PLEASE
pink: `rgba(255, 184, 184,${opacity})`, // YOUNG SALMON
lightSky: `rgba(126, 255, 245,${opacity})`, // ELECTRIC BLUE
sky: `rgba(103, 230, 220,${opacity})`, // HAMMAM BLUE
lightPurple: `rgba(205, 132, 241,${opacity})`, // BRIGHT LILAC
purple: `rgba(197, 108, 240,${opacity})`, // LIGHT PURPLE
lightGreen: `rgba(50, 255, 126,${opacity})`, // WINTERGREEN
green: `rgba(58, 227, 116,${opacity})` // WEIRD GREEN
}
}
export { American as default, FlatUI, Aussie, British, Canadian, Chinese, Dutch, French, German, Indian, Russian, Spanish, Swedish, Turkish };
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment