neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reskinning Composable Finance/Picasso Portal Colors (#7696)

Browse Source 
* added picasso mainnet

* fixed lint for productionRelayKusama.ts

* before picasso

* sorted

* sorted

* .

* ran lint

* added logo for subvis

* Added Composable Finance

* Update packages/apps-config/src/endpoints/productionRelayPolkadot.ts

Co-authored-by: Seun Lanlege <seun@composable.finance>

* Fixing linting issue

* Fix logos and change color

* add interlay-parachain spec name (#7706)

Signed-off-by: Gregory Hill <gregorydhill@outlook.com>

* [CI Skip] release/beta 0.116.2-9

skip-checks: true

* remove unused variable.

* Add dali colors.

* Fix

* Logo in header.

* yarn lint

Co-authored-by: composabledev <composabledev@composable.finance>
Co-authored-by: Cosmin <cosmingrigore@192-168-0-190.rdsnet.ro>
Co-authored-by: composabledev <81997076+composabledev@users.noreply.github.com>
Co-authored-by: Cosmin <cosmingrigore@Cosmins-MacBook-Air.local>
Co-authored-by: composerpeter <93158026+composerpeter@users.noreply.github.com>
Co-authored-by: Composer Peter <peter@composable.finance>
Co-authored-by: Seun Lanlege <seun@composable.finance>
Co-authored-by: Greg Hill <gregorydhill@outlook.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
This commit is contained in:
Saad 2022-06-14 16:42:45 +05:00 committed by GitHub
parent 6bbff1c80f
commit b48f95920e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 45 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
packages/apps-config/src/ui/colors.ts
View File

@ -33,8 +33,7 @@ const chainBrainstorm = '#161616';
const chainCalamari = '#000000';
const chainCoinversation = '#e6017a';
const chainCompetitorsClub = '#213830';
const chainComposable = '#FF8500';
const chainComposableFinance = '#861660';
const chainComposableFinance = '#C90E8A';
const chainCrab = '#7C30DD';
const chainCreditcoin = '#2D353F';
const chainCreditcoinTestnet = '#00DF83';
@ -44,6 +43,7 @@ const chainCrustMaxwell = '#2E333B';
const chainClover = 'linear-gradient(to right, #52ad75, #7cc773)';
const chainChainx = '#F6C94A';
const chainDarwinia = 'linear-gradient(-45deg, #FE3876 0%, #7C30DD 71%, #3A30DD 100%)';
const chainDali = '#000000';
const chainDolphin = '#000000';
const chainDorafactory = '#FF761C';
const chainDotMog = '#020609';
@ -51,43 +51,24 @@ const chainEfinity = '#496ddb';
const chainEquilibrium = '#1792ff';
const chainFantour = '#5a189a';
const chainGalital = '#00063F';
const chainGalois = '#000000';
const chainGamePower = '#5d21a5';
const chainGenshiro = '#e8662d';
const chainGM = '#f47b36';
const chainHanonycash = '#0099CC';
const chainHeiko = '#42d5de';
const chainHydrate = '#000000';
const chainIdavoll = '#ff43ff';
const chainImbue = '#baff36';
const chainInterbtc = '#1a0a2d';
const chainInterlay = '#3E96FF';
const chainIpse = '#08a1e8';
const chainJupiter = '#7143ff';
const chainKarura = '#ff4c3b';
const chainKhala = '#03f3f3';
const chainKintsugi = '#1a0a2d';
const chainKlug = '#000000';
const chainKulupu = '#003366';
const chainMinix = '#5152f7';
const chainManta = '#2070a6';
const chainMangata = '#030408';
const chainMoonrock = '#3d1d5a';
const chainMoonsama = '#000000';
const chainNFTMart = '#815287';
const chainNodle = '#1ab394';
const chainOriginTrail = '#FB5DEB';
const chainOriginTrailTestnet = '#0C0C0C';
const chainPangolin = '#5744ff';
const chainPangoro = '#5745de';
const chainParallel = '#ef18ac';
const chainParami = '#ee06e2';
const chainPhala = '#c6fa4c';
const chainPhoenix = '#d42181';
const chainPlasm = '#2096F3';
const chainPolkadex = '#7C30DD';
const chainPolkadot = '#e6007a';
const chainPolkaFoundry = '#ff527c';
const chainPolkaSmith = '#0DDDFB';
const chainPontem = '#A92FAC';
const chainPrism = 'linear-gradient(45deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%)';
const chainKico = '#29B58D';
const chainKilt = '#8c145a';
const chainKiltDev = '#f05a27';
@ -101,9 +82,32 @@ const chainKylin = '#ed007e';
const chainListen = '#FFAD0A';
const chainLitentry = 'linear-gradient(45deg, #5cc27c 0%, #6de98f 100%)';
const chainLitmus = '#6822fb';
const chainMinix = '#5152f7';
const chainManta = '#2070a6';
const chainMangata = '#030408';
const chainMoonrock = '#3d1d5a';
const chainMoonsama = '#000000';
const chainMybank = '#282736';
const chainNFTMart = '#815287';
const chainNodle = '#1ab394';
const chainOpal = '#3B9C9D';
const chainOriginTrail = '#FB5DEB';
const chainOriginTrailTestnet = '#0C0C0C';
const chainPangolin = '#5744ff';
const chainPangoro = '#5745de';
const chainParallel = '#ef18ac';
const chainParami = '#ee06e2';
const chainPicasso = '#000000';
const chainPichiu = '#ed007e';
const chainPhala = '#c6fa4c';
const chainPhoenix = '#d42181';
const chainPlasm = '#2096F3';
const chainPolkadex = '#7C30DD';
const chainPolkadot = '#e6007a';
const chainPolkaFoundry = '#ff527c';
const chainPolkaSmith = '#0DDDFB';
const chainPontem = '#A92FAC';
const chainPrism = 'linear-gradient(45deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%)';
const chainQuartz = '#FF4D6A';
const chainRocco = '#6f36dc';
const chainRoccoMandala = '#173DC9';
@ -127,27 +131,24 @@ const chainSnakenet = '#f653a2';
const chainSora = '#2D2926';
const chainSpanner = '#EC3D3D';
const chainStandard = 'background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,170,244,1) 35%, rgba(10,10,10,1) 100%)';
const chainTotem = 'linear-gradient(158deg, rgba(226,157,0,1) 0%, rgba(234,55,203,1) 100%)';
const chainWestend = '#da68a7';
const chainWhala = '#03f3f3';
const chainGalois = '#000000';
const chainZero = '#000000';
const chainZenlink = 'linear-gradient(45deg, #F20082 0%, #FF4D4D 100%)';
const chainJupiter = '#7143ff';
const chainUniarts = 'linear-gradient(150deg, #333ef7 0%, #55adff 100%)';
const chainUnique = '#40BCFF';
const chainIdavoll = '#ff43ff';
const chainSubDAO = 'linear-gradient(50deg, #F20092 0%, #FF4D5D 100%)';
const chainSwapdex = '#E94082';
const chainT0rn = '#212322';
const chainSubDAO = 'linear-gradient(50deg, #F20092 0%, #FF4D5D 100%)';
const chainTotem = 'linear-gradient(158deg, rgba(226,157,0,1) 0%, rgba(234,55,203,1) 100%)';
const chainTrustBase = '#ff43aa';
const chainTuring = '#A8278C';
const chainT0rn = '#212322';
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 chainVirto = '#063970';
const chainVln = '#33cc33';
const chainWeb3games = '#000000';
const chainWestend = '#da68a7';
const chainWestlake = 'linear-gradient(-90deg, #9400D3 0%, #5A5CA9 50%, #00BFFF 100%)';
const chainWhala = '#03f3f3';
const chainZero = '#000000';
const chainZenlink = 'linear-gradient(45deg, #F20082 0%, #FF4D4D 100%)';
// based on node name
// alphabetical
const nodeAjuna = '#161212';
@ -272,7 +273,6 @@ export const chainColors: Record<string, string> = Object.entries({
Clover: chainClover,
Coinversation: chainCoinversation,
'Competitors Club': chainCompetitorsClub,
Composable: chainComposable,
'Composable Finance': chainComposableFinance,
'Contracts on Rococo': chainRococoContracts,
Creditcoin: chainCreditcoin,
@ -281,6 +281,8 @@ export const chainColors: Record<string, string> = Object.entries({
crust: chainCrust,
'crust maxwell': chainCrustMaxwell,
'Crust PC1': chainCrust,
'Dali Rococo': chainDali,
'Dali Westend': chainDali,
'darwinia cc1': chainDarwinia,
'Darwinia Crab': chainCrab,
'Darwinia Crab Redirect': chainCrab,
@ -382,6 +384,7 @@ export const chainColors: Record<string, string> = Object.entries({
'Parami PC2': chainParami,
Phala: chainPhala,
PHOENIX: chainPhoenix,
Picasso: chainPicasso,
'Pichiu Testnet': chainPichiu,
'Pioneer Network': chainBitCountryPioneer,
Plasm: chainPlasm,

7
packages/apps-config/src/ui/logos/index.ts
View File

@ -42,7 +42,7 @@ import chainOpal from './chains/opal-logo.png';
import chainOriginTrail from './chains/origintrail.png';
import chainOriginTrailTestnet from './chains/origintrail-testnet.png';
import chainParallel from './chains/parallel.svg';
import chainComposable from './chains/picasso.svg';
import chainPicasso from './chains/picasso.svg';
import chainQuartz from './chains/quartz.png';
import chainRococo from './chains/rococo.svg';
import chainRococoContracts from './chains/rococo-contracts.png';
@ -235,6 +235,7 @@ export const chainLogos = Object.entries({
'Charcoal Testnet': nodeCentrifuge,
Coinversation: chainCoinversation,
'Competitors Club': chainCompetitorsClub,
'Composable Finance': chainComposableFinance,
'Contracts on Rococo': chainRococoContracts,
Creditcoin: chainCreditcoin,
'Creditcoin Testnet': chainCreditcoinTest,
@ -338,6 +339,7 @@ export const chainLogos = Object.entries({
'Parami PC2': nodeParami,
Phala: nodePhala,
'PHOENIX PC1': nodePhoenix,
Picasso: chainPicasso,
'Pichiu Mainnet': nodePichiu,
'Pichiu Testnet': nodePichiu,
'Pioneer Network': nodePioneerNetwork,
@ -437,6 +439,7 @@ export const nodeLogos = Object.entries({
'Clover Node': nodeClover,
Coinversation: nodeCoinversation,
'Competitors Club': nodeCompetitorsClub,
'Composable Finance': chainComposableFinance,
'Crown Sterling': nodeCrownSterling,
crust: nodeCrust,
'Crust Collator': nodeCrust,
@ -717,7 +720,7 @@ export const namedLogos: Record<string, unknown> = {
parallel: chainParallel,
phala: nodePhala,
phoenix: nodePhoenix,
picasso: chainComposable,
picasso: chainPicasso,
pichiu: nodePichiu,
plasm: nodePlasm,
polkadex: nodePolkadex,