add Vara Network (#8285)

* add Vara chain

* add node Logo

* change RPC vara endpoint

* fix lint

* fix test

packages/apps-config/src/api/spec/index.ts

@@ -278,6 +278,7 @@ const spec: Record<string, OverrideBundleDefinition> = {
   'unit-parachain': unitv,
   unorthodox: standard,
   vanilla: parallel,
+  vara: standard,
   vodka,
   'web3games-node': web3games,
   'zcloak-network': zCloak,

packages/apps-config/src/endpoints/production.ts

@@ -309,6 +309,13 @@ export const prodChains: EndpointOption[] = [
       UniArts: 'wss://mainnet.uniarts.vip:9443'
     }
   },
+  {
+    info: 'vara',
+    text: 'Vara',
+    providers: {
+      'Gear Tech': 'wss://rpc.vara-network.io'
+    }
+  },
   {
     info: 'westlake',
     text: 'Westlake',

packages/apps-config/src/ui/colors.ts

@@ -153,6 +153,7 @@ const chainUniarts = 'linear-gradient(150deg, #333ef7 0%, #55adff 100%)';
 const chainUnique = '#40BCFF';
 const chainUnitv = '#1452F0';
 const chainUnorthodox = 'radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,244,187,1) 35%, rgba(10,10,10,1) 100%)';
+const chainVara = '#32e37d';
 const chainVirto = '#063970';
 const chainVln = '#33cc33';
 const chainWatr = '#373b39';
@@ -471,6 +472,7 @@ export const chainColors: Record<string, string> = Object.entries({
   'UniArts Mainnet': chainUniarts,
   'Unique Node': chainUnique,
   UNIT: chainUnitv,
+  'Vara Network': chainVara,
   VirtoRococo: chainVirto,
   'VLN PC': chainVln,
   Wapex: chainTotem,

packages/apps-config/src/ui/logos/chains/vara.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#00FFBF;}
+</style>
+<rect width="200" height="200"/>
+<g>
+	<path class="st0" d="M133.27,111.7l-16.21-61.32h-3.42h-3.42h-3.42v99.24h6.84v-18.4l6.28-6.28l6.53,24.68l6.82-0.05l-7.94-30.04
+		l2.51-2.51L133.27,111.7z M113.64,121.55V63.31l12.18,46.06L113.64,121.55z"/>
+	<path class="st0" d="M78.66,50.38h-3.42h-3.42H68.4v99.24h6.84l18.04-18.05l4.77,18.05h6.84L78.66,50.38z M75.24,139.94v-9.68
+		v-9.67v-14.01V63.31l11.98,45.3l0,0l2.02,7.65l0,0l2.02,7.66L75.24,139.94z"/>
+	<path class="st0" d="M149.42,50.38h-3.42h-3.42h-3.42v99.24h6.84l18.04-18.05l4.77,18.05h6.84L149.42,50.38z M146.01,139.94v-9.68
+		v-9.67v-10.96V63.31l10.62,40.18l0,0l1.23,4.66l0.12,0.46l0,0l2.02,7.65l0,0l2.02,7.66L146.01,139.94z"/>
+	<polygon class="st0" points="53.99,50.38 53.99,86.99 53.99,112.85 53.99,118.58 53.99,136.69 31.18,50.38 24.34,50.38 
+		50.58,149.62 53.99,149.62 57.41,149.62 60.83,149.62 60.83,50.38 	"/>
+</g>
+</svg>

packages/apps-config/src/ui/logos/index.ts

@@ -71,6 +71,7 @@ import nodeTotem from './chains/totem.svg';
 import chainTuring from './chains/turing.png';
 import chainUnique from './chains/unique.svg';
 import chainUnorthodox from './chains/unorthodox.png';
+import chainVara from './chains/vara.svg';
 import chainVirto from './chains/virto.png';
 import chainWatr from './chains/watr.png';
 import chainEggnet from './chains/webb.png';
@@ -218,6 +219,7 @@ import nodeUniarts from './nodes/uniarts.png';
 import nodeUnique from './nodes/unique.svg';
 import nodeUnitv from './nodes/unitv.png';
 import nodeVln from './nodes/valiu.png';
+import nodeVara from './nodes/vara.svg';
 import nodeWeb3games from './nodes/web3games.svg';
 import nodeWestend from './nodes/westend_colour.svg';
 import nodeWestlake from './nodes/westlake.png';
@@ -440,6 +442,7 @@ export const chainLogos = Object.entries({
   UNIQUE: chainUnique,
   'Unit Network': nodeUnitv,
   Unorthodox: chainUnorthodox,
+  'Vara Network': chainVara,
   VirtoRococo: chainVirto,
   Vln: nodeVln,
   'VLN PC': nodeVln,
@@ -944,6 +947,7 @@ export const namedLogos: Record<string, unknown> = {
   unitv: nodeUnitv,
   unorthodox: chainUnorthodox,
   vanilla: nodeParallel,
+  vara: nodeVara,
   vln: nodeVln,
   web3games: nodeWeb3games,
   westend: nodeWestend,

packages/apps-config/src/ui/logos/nodes/vara.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 800 800" style="enable-background:new 0 0 800 800;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_00000137131023175851909640000015843473539364794283_);fill:#03FFC4;}
+	.st1{clip-path:url(#SVGID_00000137131023175851909640000015843473539364794283_);}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="0" width="800" height="800"/>
+	</defs>
+	<clipPath id="SVGID_00000008861330619550893860000012323724374023425694_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	
+		<rect style="clip-path:url(#SVGID_00000008861330619550893860000012323724374023425694_);fill:#03FFC4;" width="800" height="800"/>
+	<g style="clip-path:url(#SVGID_00000008861330619550893860000012323724374023425694_);">
+		<rect x="539.92" y="-106.12" width="116.42" height="1004.97"/>
+	</g>
+	<g style="clip-path:url(#SVGID_00000008861330619550893860000012323724374023425694_);">
+		
+			<rect x="373.99" y="-112.75" transform="matrix(0.9362 -0.3514 0.3514 0.9362 -98.7323 174.8208)" width="116.42" height="944.27"/>
+	</g>
+	<g style="clip-path:url(#SVGID_00000008861330619550893860000012323724374023425694_);">
+		
+			<rect x="148.86" y="-116.34" transform="matrix(0.9362 -0.3514 0.3514 0.9362 -131.578 99.0545)" width="116.42" height="1056.63"/>
+	</g>
+</g>
+</svg>