Implement AssetHub management

Popoulosss commented 4 months ago

Color

AssetHub Polkadot (Statemint)

export const light = {
  dark: false,
  // polkadot assethub
  theme100: "rgba(230,0,122,0.10)",
  theme300: "rgba(230,0,122,0.40)",
  theme500: "rgba(230,0,122,1)",
  navigationBg: "rgba(40,18,62,1)",
  navigationActive: "rgba(255,255,255,0.04)",
  navigationBorder: "rgba(255,255,255,0.08)",
};

export const dark = {
  ...light,
  dark: true,
  // polkadot assethub
  theme100: "rgba(230,0,122,0.10)",
  theme300: "rgba(230,0,122,0.40)",
  theme500: "rgba(230,0,122,1)",
  navigationBg: "rgba(33,36,51,1)",
  navigationActive: "rgba(38,41,56,1)",
  navigationBorder: "rgba(39,42,58,1)",
};

AssetHub Kusama(Statemine)

export const light = {
  dark: false,
  // kusama assethub
  theme100: "rgba(230,0,122,0.10)",
  theme300: "rgba(230,0,122,0.40)",
  theme500: "rgba(230,0,122,1)",
  navigationBg: "rgba(0,0,0,1)",
  navigationActive: "rgba(255,255,255,0.10)",
  navigationBorder: "rgba(255,255,255,0.12)",
};

export const dark = {
  ...light,
  dark: true,
  // kusama assethub
  theme100: "rgba(230,0,122,0.10)",
  theme300: "rgba(230,0,122,0.40)",
  theme500: "rgba(230,0,122,1)",
  navigationBg: "rgba(33,36,51,1)",
  navigationActive: "rgba(38,41,56,1)",
  navigationBorder: "rgba(39,42,58,1)",
};

AssetHub Westend(Wesmint)

export const light = {
  dark: false,
  // westend assethub
  theme100: "rgba(239,72,106,0.10)",
  theme300: "rgba(239,72,106,0.40)",
  theme500: "rgba(239,72,106,1)",
  navigationBg: "rgba(255,255,255,1)",
  navigationActive: "rgba(246,247,250,1)",
  navigationBorder: "rgba(235,238,244,1)",
};

export const dark = {
  ...light,
  dark: true,
  // westend assethub
  theme100: "rgba(239,72,106,0.10)",
  theme300: "rgba(239,72,106,0.40)",
  theme500: "rgba(239,72,106,1)",
  navigationBg: "rgba(33,36,51,1)",
  navigationActive: "rgba(38,41,56,1)",
  navigationBorder: "rgba(39,42,58,1)",
};