diff --git a/packages/apps-config/src/ui/colors.ts b/packages/apps-config/src/ui/colors.ts
index 6d47043ab0..f18f68c60b 100644
--- a/packages/apps-config/src/ui/colors.ts
+++ b/packages/apps-config/src/ui/colors.ts
@@ -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,
diff --git a/packages/apps-config/src/ui/logos/index.ts b/packages/apps-config/src/ui/logos/index.ts
index b638564cc0..ae8567c239 100644
--- a/packages/apps-config/src/ui/logos/index.ts
+++ b/packages/apps-config/src/ui/logos/index.ts
@@ -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,