Last active
August 1, 2019 05:51
-
-
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/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| 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