Created
July 7, 2017 17:49
-
-
Save PedroHLC/b342d4e6773a24af1de4ec5f350140e3 to your computer and use it in GitHub Desktop.
Gradients from http://uigradients.com ported to Elm
This file contains hidden or 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
| module Gradients exposing (..) | |
| import Css exposing (Style, backgroundImage, linearGradient2, stop, stop2, hex, pct) | |
| -- AUTO Generated from: https://raw.githubusercontent.com/ghosh/uiGradients/master/gradients.json | |
| -- replaced "name": "([\w ]*) with "name": "\E$1 | |
| -- replaced "(\w*) (\w) with ""$1\U$2 | |
| -- used regex: /^\s*{\s*"name": "([\' \w0-9]*)",\s*"colors": \["#([a-f0-9]*)", "#([a-f0-9]*)", "#([a-f0-9]*)"\]\s*},?/g | |
| -- and with fewer color samples | |
| gradient2 c1 c2 dir = | |
| backgroundImage <| | |
| linearGradient2 dir (stop <| hex c1) (stop <| hex c2) [] | |
| gradient3 c1 c2 c3 dir = | |
| backgroundImage <| | |
| linearGradient2 dir (stop2 (hex c1) (pct 0)) (stop2 (hex c2) (pct 0)) [ (stop <| hex c3) ] | |
| sel = | |
| gradient2 "00467F" "A5CC82" | |
| dimigo = | |
| gradient2 "ec008c" "fc6767" | |
| purpleLove = | |
| gradient2 "cc2b5e" "753a88" | |
| sexyBlue = | |
| gradient2 "2193b0" "6dd5ed" | |
| blooker20 = | |
| gradient2 "e65c00" "F9D423" | |
| seaBlue = | |
| gradient2 "2b5876" "4e4376" | |
| nimvelo = | |
| gradient2 "314755" "26a0da" | |
| hazel = | |
| gradient3 "77A1D3" "79CBCA" "E684AE" | |
| noonToDusk = | |
| gradient2 "ff6e7f" "bfe9ff" | |
| youtube = | |
| gradient2 "e52d27" "b31217" | |
| rown = | |
| gradient2 "603813" "b29f94" | |
| harmonicEnergy = | |
| gradient2 "16A085" "F4D03F" | |
| playingWithReds = | |
| gradient2 "D31027" "EA384D" | |
| sunnyDays = | |
| gradient2 "EDE574" "E1F5C4" | |
| greenBeach = | |
| gradient2 "02AAB0" "00CDAC" | |
| intuitivePurple = | |
| gradient2 "DA22FF" "9733EE" | |
| emeraldWater = | |
| gradient2 "348F50" "56B4D3" | |
| lemonTwist = | |
| gradient2 "3CA55C" "B5AC49" | |
| monteCarlo = | |
| gradient3 "CC95C0" "DBD4B4" "7AA1D2" | |
| horizon = | |
| gradient2 "003973" "E5E5BE" | |
| roseWater = | |
| gradient2 "E55D87" "5FC3E4" | |
| frozen = | |
| gradient2 "403B4A" "E7E9BB" | |
| mangoPulp = | |
| gradient2 "F09819" "EDDE5D" | |
| bloodyMary = | |
| gradient2 "FF512F" "DD2476" | |
| aubergine = | |
| gradient2 "AA076B" "61045F" | |
| aquaMarine = | |
| gradient2 "1A2980" "26D0CE" | |
| sunrise = | |
| gradient2 "FF512F" "F09819" | |
| purpleParadise = | |
| gradient2 "1D2B64" "F8CDDA" | |
| stripe = | |
| gradient3 "1FA2FF" "12D8FA" "A6FFCB" | |
| seaWeed = | |
| gradient2 "4CB8C4" "3CD3AD" | |
| pinky = | |
| gradient2 "DD5E89" "F7BB97" | |
| cherry = | |
| gradient2 "EB3349" "F45C43" | |
| mojito = | |
| gradient2 "1D976C" "93F9B9" | |
| juicyOrange = | |
| gradient2 "FF8008" "FFC837" | |
| mirage = | |
| gradient2 "16222A" "3A6073" | |
| steelGray = | |
| gradient2 "1F1C2C" "928DAB" | |
| kashmir = | |
| gradient2 "614385" "516395" | |
| electricViolet = | |
| gradient2 "4776E6" "8E54E9" | |
| veniceBlue = | |
| gradient2 "085078" "85D8CE" | |
| boraBora = | |
| gradient2 "2BC0E4" "EAECC6" | |
| moss = | |
| gradient2 "134E5E" "71B280" | |
| shroomHaze = | |
| gradient2 "5C258D" "4389A2" | |
| mystic = | |
| gradient2 "757F9A" "D7DDE8" | |
| midnightCity = | |
| gradient2 "232526" "414345" | |
| seaBlizz = | |
| gradient2 "1CD8D2" "93EDC7" | |
| opa = | |
| gradient2 "3D7EAA" "FFE47A" | |
| titanium = | |
| gradient2 "283048" "859398" | |
| mantle = | |
| gradient2 "24C6DC" "514A9D" | |
| dracula = | |
| gradient2 "DC2424" "4A569D" | |
| peach = | |
| gradient2 "ED4264" "FFEDBC" | |
| moonrise = | |
| gradient2 "DAE2F8" "D6A4A4" | |
| clouds = | |
| gradient2 "ECE9E6" "FFFFFF" | |
| stellar = | |
| gradient2 "7474BF" "348AC7" | |
| bourbon = | |
| gradient2 "EC6F66" "F3A183" | |
| calmDarya = | |
| gradient2 "5f2c82" "49a09d" | |
| influenza = | |
| gradient2 "C04848" "480048" | |
| shrimpy = | |
| gradient2 "e43a15" "e65245" | |
| army = | |
| gradient2 "414d0b" "727a17" | |
| miaka = | |
| gradient2 "FC354C" "0ABFBC" | |
| pinotNoir = | |
| gradient2 "4b6cb7" "182848" | |
| dayTripper = | |
| gradient2 "f857a6" "ff5858" | |
| namn = | |
| gradient2 "a73737" "7a2828" | |
| blurryBeach = | |
| gradient2 "d53369" "cbad6d" | |
| vasily = | |
| gradient2 "e9d362" "333333" | |
| aLostMemory = | |
| gradient2 "DE6262" "FFB88C" | |
| petrichor = | |
| gradient2 "666600" "999966" | |
| jonquil = | |
| gradient2 "FFEEEE" "DDEFBB" | |
| siriusTamed = | |
| gradient2 "EFEFBB" "D4D3DD" | |
| kyoto = | |
| gradient2 "c21500" "ffc500" | |
| mistyMeadow = | |
| gradient2 "215f00" "e4e4d9" | |
| aqualicious = | |
| gradient2 "50C9C3" "96DEDA" | |
| moor = | |
| gradient2 "616161" "9bc5c3" | |
| almost = | |
| gradient2 "ddd6f3" "faaca8" | |
| foreverLost = | |
| gradient2 "5D4157" "A8CABA" | |
| winter = | |
| gradient2 "E6DADA" "274046" | |
| autumn = | |
| gradient2 "DAD299" "B0DAB9" | |
| candy = | |
| gradient2 "D3959B" "BFE6BA" | |
| reef = | |
| gradient2 "00d2ff" "3a7bd5" | |
| theStrain = | |
| gradient2 "870000" "190A05" | |
| dirtyFog = | |
| gradient2 "B993D6" "8CA6DB" | |
| earthly = | |
| gradient2 "649173" "DBD5A4" | |
| virgin = | |
| gradient2 "C9FFBF" "FFAFBD" | |
| ash = | |
| gradient2 "606c88" "3f4c6b" | |
| shadowNight = | |
| gradient2 "000000" "53346D" | |
| cherryblossoms = | |
| gradient2 "FBD3E9" "BB377D" | |
| parklife = | |
| gradient2 "ADD100" "7B920A" | |
| danceToForget = | |
| gradient2 "FF4E50" "F9D423" | |
| starfall = | |
| gradient2 "F0C27B" "4B1248" | |
| redMist = | |
| gradient2 "000000" "e74c3c" | |
| tealLove = | |
| gradient2 "AAFFA9" "11FFBD" | |
| neonLife = | |
| gradient2 "B3FFAB" "12FFF7" | |
| manOfSteel = | |
| gradient2 "780206" "061161" | |
| amethyst = | |
| gradient2 "9D50BB" "6E48AA" | |
| cheerUpEmoKid = | |
| gradient2 "556270" "FF6B6B" | |
| shore = | |
| gradient2 "70e1f5" "ffd194" | |
| facebookMessenger = | |
| gradient2 "00c6ff" "0072ff" | |
| soundcloud = | |
| gradient2 "fe8c00" "f83600" | |
| behongo = | |
| gradient2 "52c234" "061700" | |
| servquick = | |
| gradient2 "485563" "29323c" | |
| friday = | |
| gradient2 "83a4d4" "b6fbff" | |
| martini = | |
| gradient2 "FDFC47" "24FE41" | |
| metallicToad = | |
| gradient2 "abbaab" "ffffff" | |
| betweenTheClouds = | |
| gradient2 "73C8A9" "373B44" | |
| crazyOrangeI = | |
| gradient2 "D38312" "A83279" | |
| hersheys = | |
| gradient2 "1e130c" "9a8478" | |
| talkingToMiceElf = | |
| gradient2 "948E99" "2E1437" | |
| purpleBliss = | |
| gradient2 "360033" "0b8793" | |
| predawn = | |
| gradient2 "FFA17F" "00223E" | |
| endlessRiver = | |
| gradient2 "43cea2" "185a9d" | |
| pastelOrangeAtTheSun = | |
| gradient2 "ffb347" "ffcc33" | |
| twitch = | |
| gradient2 "6441A5" "2a0845" | |
| atlas = | |
| gradient3 "FEAC5E" "C779D0" "4BC0C8" | |
| instagram = | |
| gradient3 "833ab4" "fd1d1d" "fcb045" | |
| flickr = | |
| gradient2 "ff0084" "33001b" | |
| vine = | |
| gradient2 "00bf8f" "001510" | |
| turquoiseFlow = | |
| gradient2 "136a8a" "267871" | |
| portrait = | |
| gradient2 "8e9eab" "eef2f3" | |
| virginAmerica = | |
| gradient2 "7b4397" "dc2430" | |
| kokoCaramel = | |
| gradient2 "D1913C" "FFD194" | |
| freshTurboscent = | |
| gradient2 "F1F2B5" "135058" | |
| greenToDark = | |
| gradient2 "6A9113" "141517" | |
| ukraine = | |
| gradient2 "004FF9" "FFF94C" | |
| curiosityBlue = | |
| gradient2 "525252" "3d72b4" | |
| darkKnight = | |
| gradient2 "BA8B02" "181818" | |
| piglet = | |
| gradient2 "ee9ca7" "ffdde1" | |
| lizard = | |
| gradient2 "304352" "d7d2cc" | |
| sagePersuasion = | |
| gradient2 "CCCCB2" "757519" | |
| betweenNightAndDay = | |
| gradient2 "2c3e50" "3498db" | |
| timber = | |
| gradient2 "fc00ff" "00dbde" | |
| passion = | |
| gradient2 "e53935" "e35d5b" | |
| clearSky = | |
| gradient2 "005C97" "363795" | |
| masterCard = | |
| gradient2 "f46b45" "eea849" | |
| backToEarth = | |
| gradient2 "00C9FF" "92FE9D" | |
| deepPurple = | |
| gradient2 "673AB7" "512DA8" | |
| littleLeaf = | |
| gradient2 "76b852" "8DC26F" | |
| netflix = | |
| gradient2 "8E0E00" "1F1C18" | |
| lightOrange = | |
| gradient2 "FFB75E" "ED8F03" | |
| greenAndBlue = | |
| gradient2 "c2e59c" "64b3f4" | |
| poncho = | |
| gradient2 "403A3E" "BE5869" | |
| backToTheFuture = | |
| gradient2 "C02425" "F0CB35" | |
| blush = | |
| gradient2 "B24592" "F15F79" | |
| inbox = | |
| gradient2 "457fca" "5691c8" | |
| purplin = | |
| gradient2 "6a3093" "a044ff" | |
| paleWood = | |
| gradient2 "eacda3" "d6ae7b" | |
| haikus = | |
| gradient2 "fd746c" "ff9068" | |
| pizelex = | |
| gradient2 "114357" "F29492" | |
| joomla = | |
| gradient2 "1e3c72" "2a5298" | |
| christmas = | |
| gradient2 "2F7336" "AA3A38" | |
| minnesotaVikings = | |
| gradient2 "5614B0" "DBD65C" | |
| miamiDolphins = | |
| gradient2 "4DA0B0" "D39D38" | |
| forest = | |
| gradient2 "5A3F37" "2C7744" | |
| nighthawk = | |
| gradient2 "2980b9" "2c3e50" | |
| superman = | |
| gradient2 "0099F7" "F11712" | |
| suzy = | |
| gradient2 "834d9b" "d04ed6" | |
| darkSkies = | |
| gradient2 "4B79A1" "283E51" | |
| deepSpace = | |
| gradient2 "000000" "434343" | |
| decent = | |
| gradient2 "4CA1AF" "C4E0E5" | |
| colorsOfSky = | |
| gradient2 "E0EAFC" "CFDEF3" | |
| purpleWhite = | |
| gradient2 "BA5370" "F4E2D8" | |
| ali = | |
| gradient2 "ff4b1f" "1fddff" | |
| alihossein = | |
| gradient2 "f7ff00" "db36a4" | |
| shahabi = | |
| gradient2 "a80077" "66ff00" | |
| redOcean = | |
| gradient2 "1D4350" "A43931" | |
| tranquil = | |
| gradient2 "EECDA3" "EF629F" | |
| transfile = | |
| gradient2 "16BFFD" "CB3066" | |
| sylvia = | |
| gradient2 "ff4b1f" "ff9068" | |
| sweetMorning = | |
| gradient2 "FF5F6D" "FFC371" | |
| politics = | |
| gradient2 "2196f3" "f44336" | |
| brightVault = | |
| gradient2 "00d2ff" "928DAB" | |
| solidVault = | |
| gradient2 "3a7bd5" "3a6073" | |
| sunset = | |
| gradient2 "0B486B" "F56217" | |
| grapefruitSunset = | |
| gradient2 "e96443" "904e95" | |
| deepSeaSpace = | |
| gradient2 "2C3E50" "4CA1AF" | |
| dusk = | |
| gradient2 "2C3E50" "FD746C" | |
| minimalRed = | |
| gradient2 "F00000" "DC281E" | |
| royal = | |
| gradient2 "141E30" "243B55" | |
| mauve = | |
| gradient2 "42275a" "734b6d" | |
| frost = | |
| gradient2 "000428" "004e92" | |
| lush = | |
| gradient2 "56ab2f" "a8e063" | |
| firewatch = | |
| gradient2 "cb2d3e" "ef473a" | |
| sherbert = | |
| gradient2 "f79d00" "64f38c" | |
| bloodRed = | |
| gradient2 "f85032" "e73827" | |
| sunOnTheHorizon = | |
| gradient2 "fceabb" "f8b500" | |
| iiitDelhi = | |
| gradient2 "808080" "3fada8" | |
| dusk2 = | |
| gradient2 "ffd89b" "19547b" | |
| fiftyShadesOfGrey = | |
| gradient2 "bdc3c7" "2c3e50" | |
| dania = | |
| gradient2 "BE93C5" "7BC6CC" | |
| limeade = | |
| gradient2 "A1FFCE" "FAFFD1" | |
| disco = | |
| gradient2 "4ECDC4" "556270" | |
| loveCouple = | |
| gradient2 "3a6186" "89253e" | |
| azurePop = | |
| gradient2 "ef32d9" "89fffd" | |
| nepal = | |
| gradient2 "de6161" "2657eb" | |
| cosmicFusion = | |
| gradient2 "ff00cc" "333399" | |
| snapchat = | |
| gradient2 "fffc00" "ffffff" | |
| edsSunsetGradient = | |
| gradient2 "ff7e5f" "feb47b" | |
| bradyBradyFunFun = | |
| gradient2 "00c3ff" "ffff1c" | |
| blackRose = | |
| gradient2 "f4c4f3" "fc67fa" | |
| eightysPurple = | |
| gradient2 "41295a" "2F0743" | |
| radar = | |
| gradient3 "A770EF" "CF8BF3" "FDB99B" | |
| ibizaSunset = | |
| gradient2 "ee0979" "ff6a00" | |
| dawn = | |
| gradient2 "F3904F" "3B4371" | |
| mild = | |
| gradient2 "67B26F" "4ca2cd" | |
| viceCity = | |
| gradient2 "3494E6" "EC6EAD" | |
| jaipur = | |
| gradient2 "DBE6F6" "C5796D" | |
| cocoaaIce = | |
| gradient2 "c0c0aa" "1cefff" | |
| easymed = | |
| gradient2 "DCE35B" "45B649" | |
| roseColoredLenses = | |
| gradient2 "E8CBC0" "636FA4" | |
| whatLiesBeyond = | |
| gradient2 "F0F2F0" "000C40" | |
| roseanna = | |
| gradient2 "FFAFBD" "ffc3a0" | |
| honeyDew = | |
| gradient2 "43C6AC" "F8FFAE" | |
| underTheLake = | |
| gradient2 "093028" "237A57" | |
| theBlueLagoon = | |
| gradient2 "43C6AC" "191654" | |
| canYouFeelTheLoveTonight = | |
| gradient2 "4568DC" "B06AB3" | |
| veryBlue = | |
| gradient2 "0575E6" "021B79" | |
| loveAndLiberty = | |
| gradient2 "200122" "6f0000" | |
| orca = | |
| gradient2 "44A08D" "093637" | |
| venice = | |
| gradient2 "6190E8" "A7BFE8" | |
| pacificDream = | |
| gradient2 "34e89e" "0f3443" | |
| learningAndLeading = | |
| gradient2 "F7971E" "FFD200" | |
| celestial = | |
| gradient2 "C33764" "1D2671" | |
| purplepine = | |
| gradient2 "20002c" "cbb4d4" | |
| shaLaLa = | |
| gradient2 "D66D75" "E29587" | |
| mini = | |
| gradient2 "30E8BF" "FF8235" | |
| maldives = | |
| gradient2 "B2FEFA" "0ED2F7" | |
| cinnamint = | |
| gradient2 "4AC29A" "BDFFF3" | |
| html = | |
| gradient2 "E44D26" "F16529" | |
| coal = | |
| gradient2 "EB5757" "000000" | |
| sunkist = | |
| gradient2 "F2994A" "F2C94C" | |
| blueSkies = | |
| gradient2 "56CCF2" "2F80ED" | |
| chittyChittyBangBang = | |
| gradient2 "007991" "78ffd6" | |
| visionsOfGrandeur = | |
| gradient2 "000046" "1CB5E0" | |
| crystalClear = | |
| gradient2 "159957" "155799" | |
| mello = | |
| gradient2 "c0392b" "8e44ad" | |
| compareNow = | |
| gradient2 "EF3B36" "FFFFFF" | |
| meridian = | |
| gradient2 "283c86" "45a247" | |
| relay = | |
| gradient3 "3A1C71" "D76D77" "FFAF7B" | |
| alive = | |
| gradient2 "CB356B" "BD3F32" | |
| scooter = | |
| gradient2 "36D1DC" "5B86E5" | |
| terminal = | |
| gradient2 "000000" "0f9b0f" | |
| telegram = | |
| gradient2 "1c92d2" "f2fcfe" | |
| crimsonTide = | |
| gradient2 "642B73" "C6426E" | |
| socialive = | |
| gradient2 "06beb6" "48b1bf" | |
| subu = | |
| gradient3 "0cebeb" "20e3b2" "29ffc6" | |
| shift = | |
| gradient3 "000000" "E5008D" "FF070B" | |
| clot = | |
| gradient3 "070000" "4C0001" "070000" | |
| brokenHearts = | |
| gradient2 "d9a7c7" "fffcdc" | |
| kimobyIsTheNewBlue = | |
| gradient2 "396afc" "2948ff" | |
| dull = | |
| gradient2 "C9D6FF" "E2E2E2" | |
| purpink = | |
| gradient2 "7F00FF" "E100FF" | |
| orangeCoral = | |
| gradient2 "ff9966" "ff5e62" | |
| summer = | |
| gradient2 "22c1c3" "fdbb2d" | |
| kingYna = | |
| gradient3 "1a2a6c" "b21f1f" "fdbb2d" | |
| velvetSun = | |
| gradient2 "e1eec3" "f05053" |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment