Merge pull request #36 from chrislennon/feature/crypto-default-colours

adds default colours for coins

data/coins.js

@@ -2,206 +2,247 @@ const coinJSON = [
 	{
 		"Name": "Bitcoin",
 		"Ticker": "BTC",
-		"Icon": "BTC"
+		"Icon": "BTC",
+		"Colour": "F38208"
 	},
 	{
 		"Name": "Ethereum",
 		"Ticker": "ETH",
-		"Icon": "ETH"
+		"Icon": "ETH",
+		"Colour": "8B92AF"
 	},
 	{
 		"Name": "Bitcoin Cash",
 		"Ticker": "BCH",
-		"Icon": "BCH-alt"
+		"Icon": "BCH-alt",
+		"Colour": "719734"
 	},
 	{
 		"Name": "Ripple",
 		"Ticker": "XRP",
-		"Icon": "XRP"
+		"Icon": "XRP",
+		"Colour": "3F8FC3"
 	},
 	{
 		"Name": "Dash",
 		"Ticker": "DASH",
-		"Icon": "DASH"
+		"Icon": "DASH",
+		"Colour": "3875B7"
 	},
 	{
 		"Name": "Litecoin",
 		"Ticker": "LTC",
-		"Icon": "LTC"
+		"Icon": "LTC",
+		"Colour": "BEBEBE"
 	},
 	{
 		"Name": "Bitcoin Gold",
 		"Ticker": "BTG",
-		"Icon": "../../../img/temp/btg"
+		"Icon": "../../../img/temp/btg",
+		"Colour": "D29C3D"
 	},
 	{
 		"Name": "IOTA",
 		"Ticker": "IOT",
-		"Icon": "IOTA-alt"
+		"Icon": "IOTA-alt",
+		"Colour": "647782"
 	},
 	{
 		"Name": "Cardano",
 		"Ticker": "ADA",
-		"Icon": "ADA-alt"
+		"Icon": "ADA-alt",
+		"Colour": "386FCC"
 	},
 	{
 		"Name": "Monero",
 		"Ticker": "XMR",
-		"Icon": "XMR"
+		"Icon": "XMR",
+		"Colour": "ED6F2D"
 	},
 	{
 		"Name": "Ethereum Classic",
 		"Ticker": "ETC",
-		"Icon": "ETC-alt"
+		"Icon": "ETC-alt",
+		"Colour": "4E7840"
 	},
 	{
 		"Name": "NEM",
 		"Ticker": "XEM",
-		"Icon": "XEM"
+		"Icon": "XEM",
+		"Colour": "58C1B4"
 	},
 	{
 		"Name": "NEO",
 		"Ticker": "NEO",
-		"Icon": "NEO-alt"
+		"Icon": "NEO-alt",
+		"Colour": "B6D746"
 	},
 	{
 		"Name": "EOS",
 		"Ticker": "EOS",
-		"Icon": "EOS-alt"
+		"Icon": "EOS-alt",
+		"Colour": "828282"
 	},
 	{
 		"Name": "Stellas Lumens",
 		"Ticker": "XLM",
-		"Icon": "STR"
+		"Icon": "STR",
+		"Colour": "53B6E3"
 	},
 	{
 		"Name": "Bitconnect",
 		"Ticker": "BCC",
-		"Icon": "../../../img/temp/bcc"
+		"Icon": "../../../img/temp/bcc",
+		"Colour": "EC8C37"
 	},
 	{
 		"Name": "OmiseGO",
 		"Ticker": "OMG",
-		"Icon": "OMG-alt"
+		"Icon": "OMG-alt",
+		"Colour": "2858E7"
 	},
 	{
 		"Name": "Qtum",
 		"Ticker": "QTUM",
-		"Icon": "QTUM-alt"
+		"Icon": "QTUM-alt",
+		"Colour": "5DA7D5"
 	},
 	{
 		"Name": "ZCash",
 		"Ticker": "ZEC",
-		"Icon": "ZEC-alt"
+		"Icon": "ZEC-alt",
+		"Colour": "EABE60"
 	},
 	{
 		"Name": "Lisk",
 		"Ticker": "LSK",
-		"Icon": "LSK-alt"
+		"Icon": "LSK-alt",
+		"Colour": "326792"
 	},
 	{
 		"Name": "Nxt",
 		"Ticker": "NXT",
-		"Icon": "NXT"
+		"Icon": "NXT",
+		"Colour": "3D8EB7"
 	},
 	{
 		"Name": "Metaverse",
 		"Ticker": "ETP",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "5ECCC7"
 	},
 	{
 		"Name": "Quoine Liquid",
 		"Ticker": "QASH",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "59ABEA"
 	},
 	{
 		"Name": "Streamr DATAcoin",
 		"Ticker": "DATA",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "D85F2C"
 	},
 	{
 		"Name": "Santiment",
 		"Ticker": "SAN",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "F3F3F3"
 	},
 	{
 		"Name": "Eido",
 		"Ticker": "EDO",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "4B9CD3"
 	},
 	{
 		"Name": "Tether",
 		"Ticker": "USDT",
-		"Icon": "USDT-alt"
+		"Icon": "USDT-alt",
+		"Colour": "4F9E7D"
 	},
 	{
 		"Name": "Augur",
 		"Ticker": "REP",
-		"Icon": "REP-alt"
+		"Icon": "REP-alt",
+		"Colour": "5A2E50"
 	},
 	{
 		"Name": "Dogecoin",
 		"Ticker": "DOGE",
-		"Icon": "DOGE"
+		"Icon": "DOGE",
+		"Colour": "B4A146"
 	},
 	{
 		"Name": "AventCoin",
 		"Ticker": "AVT",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "434975"
 	},
 	{
 		"Name": "DigitalNote",
 		"Ticker": "XDN",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "54779B"
 	},
 	{
 		"Name": "ByteCoin",
 		"Ticker": "BCN",
-		"Icon": "BCN"
+		"Icon": "BCN",
+		"Colour": "000000"
 	},
 	{
 		"Name": "Tronix",
 		"Ticker": "TRX",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "34164A"
 	},
 	{
 		"Name": "Stratis",
 		"Ticker": "STRAT",
-		"Icon": "STRAT-alt"
+		"Icon": "STRAT-alt",
+		"Colour": "4CA6BF"
 	},
 	{
 		"Name": "Viberate",
 		"Ticker": "VIB",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "EB3D4A"
 	},
 	{
 		"Name": "Stox",
 		"Ticker": "STX",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "5C3AC0"
 	},
 	{
 		"Name": "Tezos",
 		"Ticker": "XTZ",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "B2DD46"
 	},
 	{
 		"Name": "Verge",
 		"Ticker": "XVG",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "8ED1D2"
 	},
 	{
 		"Name": "SkullBuzz",
 		"Ticker": "SKB",
-		"Icon": "../../../img/TODO"
+		"Icon": "../../../img/TODO",
+		"Colour": "FBE75F"
 	},
 	{
 		"Name": "Vechain",
 		"Ticker": "XVG",
-		"Icon": "XVG-alt"
+		"Icon": "XVG-alt",
+		"Colour": "9679CB"
 	},
 	{
 		"Name": "Waves",
 		"Ticker": "WAVES",
-		"Icon": "WAVES-alt"
+		"Icon": "WAVES-alt",
+		"Colour": "5AAFD1"
 	}
 ]

js/crypto.js

@@ -176,7 +176,7 @@ function loadData() {
         text.setAttribute('for', coin.Name);
         text.innerHTML = coin.Name;
 
-        colour.className = "jscolor {onFineChange:'updatePreviewColour(this)',valueElement:null,value:'f38208'}";
+        colour.className = "jscolor {onFineChange:'updatePreviewColour(this)',valueElement:null,value:'"+ coin.Colour +"'}";
         colour.style.width = '20';
         colour.style.height = '20';
         colour.id = coin.Ticker + '-colour';