From 4da1bf7ea37534c0c0ed10e7180594c5d877dc64 Mon Sep 17 00:00:00 2001
From: Jaco <jacogr@gmail.com>
Date: Thu, 3 Jun 2021 18:43:37 +0300
Subject: [PATCH] Statemine spec colors (#5437)

* Statemine spec colors

* adjust westmint
---
 packages/apps-config/src/ui/colors.ts | 28 +++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/packages/apps-config/src/ui/colors.ts b/packages/apps-config/src/ui/colors.ts
index 272c774487..dcb8474bf6 100644
--- a/packages/apps-config/src/ui/colors.ts
+++ b/packages/apps-config/src/ui/colors.ts
@@ -62,7 +62,6 @@ const chainRiochain = '#4d87f6';
 const chainSakura = '#ff5995';
 const chainShadow = '#ffa940';
 const chainSnakenet = '#f653a2';
-const chainStatemine = '#111';
 const chainWestend = '#da68a7';
 const chainGalois = '#000000';
 const chainZero = '#000000';
@@ -115,7 +114,6 @@ const nodeRealis = 'linear-gradient(45deg, #E8AAC9 0%, #C4D9E7 50%, #EFD6E0 100%
 const nodeRiochain = '#1A3BB3';
 const nodeSora = '#2D2926';
 const nodeStafi = '#00F3AB';
-const nodeStatemint = '#86e62a'; // '#98ff98';
 const nodeSubDAO = 'linear-gradient(50deg, #F20092 0%, #FF4D5D 100%)';
 const nodeSubsocial = '#b9018c';
 const nodeTernoa = '#d622ff';
@@ -129,6 +127,9 @@ const nodeZenlink = 'linear-gradient(45deg, #F20082 0%, #FF4D4D 100%)';
 
 // based on the spec name
 const specShell = '#2e86ab'; // '#0596FC';
+const specStatemine = '#363';
+const specStatemint = '#86e62a';
+const specWestmint = '#7b7';
 
 export { emptyColor };
 
@@ -219,10 +220,10 @@ export const chainColors: Record<string, string> = [
   ['Sakura', chainSakura],
   ['Shadow', chainShadow],
   ['sherpax', chainChainx],
-  ['Statemine', chainStatemine],
-  ['Statemine Test', chainStatemine],
-  ['Statemint', nodeStatemint],
-  ['Statemint Test', nodeStatemint],
+  ['Statemine', specStatemine],
+  ['Statemine Test', specStatemine],
+  ['Statemint', specStatemint],
+  ['Statemint Test', specStatemint],
   ['SubDAO PC1', chainSubDAO],
   ['Subsocial PC1', chainSubsocial],
   ['Tick', chainRoccoTick],
@@ -236,8 +237,8 @@ export const chainColors: Record<string, string> = [
   ['VLN PC', chainVln],
   ['Web3games ', chainWeb3games],
   ['Westend', chainWestend],
-  ['Westmint', nodeStatemint],
-  ['Westmint Test', nodeStatemint],
+  ['Westmint', specWestmint],
+  ['Westmint Test', specWestmint],
   ['Westlake', chainWestlake],
   ['Zenlink PC1', chainZenlink],
   ['ZERO.IO', chainZero]
@@ -288,8 +289,8 @@ export const nodeColors: Record<string, string> = [
   ['Riochain Staging', nodeRiochain],
   ['SORA', nodeSora],
   ['Stafi node', nodeStafi],
-  ['Statemine Collator', nodeStatemint],
-  ['Statemint Collator', nodeStatemint],
+  ['Statemine Collator', specStatemint],
+  ['Statemint Collator', specStatemint],
   ['SubDAO Collator', nodeSubDAO],
   ['subsocial node', nodeSubsocial],
   ['subzero node', nodeZero],
@@ -299,7 +300,7 @@ export const nodeColors: Record<string, string> = [
   ['Unique Node', nodeUnique],
   ['Web3games', nodeWeb3games],
   ['Westlake', nodeWestlake],
-  ['Westmint Collator', nodeStatemint],
+  ['Westmint Collator', specWestmint],
   ['Zeitgeist Node', nodeZeitgeist],
   ['Zeitgeist Collator', nodeZeitgeist],
   ['Zenlink Collator', nodeZenlink]
@@ -311,7 +312,10 @@ export const nodeColors: Record<string, string> = [
 // Alphabetical overrides based on the actual software node type
 // NOTE: This is as retrieved via the system.name RPC
 export const specColors: Record<string, string> = [
-  ['shell', specShell]
+  ['shell', specShell],
+  ['statemine', specStatemine],
+  ['statemint', specStatemint],
+  ['westmint', specWestmint]
 ].reduce((colors, [spec, color]): Record<string, any> => ({
   ...colors,
   [spec.toLowerCase().replace(/-/g, ' ')]: color