import { CHAINS } from 'types' ; export const colors = { figmentYellow : '#FFF29B' , darkBackground : 'rgb(33, 37, 41)' , } ; type ChainColorsType = { primaryColor : string ; secondaryColor : string ; } ; export const getChainColors = ( chainId ) : ChainColorsType => { return { primaryColor : getPrimaryColor ( chainId ) , secondaryColor : getSecondaryColor ( chainId ) , } ; } ; const getPrimaryColor = ( chainId ) => { if ( chainId === CHAINS . SOLANA ) { return 'linear-gradient(253deg, #00FFA3, #DC1FFF)' ; } else if ( chainId === CHAINS . AVALANCHE ) { return '#e84141' ; } else if ( chainId === CHAINS . THE_GRAPH ) { return 'linear-gradient(130deg, #5943d0, #151324)' ; } else if ( chainId === CHAINS . THE_GRAPH_NEAR ) { return 'linear-gradient(130deg, #5943d0, #151324)' ; } else if ( chainId === CHAINS . POLYGON ) { return '#966ae0' ; } else if ( chainId === CHAINS . POLKADOT ) { return '#e6007a' ; } else if ( chainId === CHAINS . TEZOS ) { return '#0f62ff' ; } else if ( chainId === CHAINS . CELO ) { return 'linear-gradient(253deg, rgb(251, 204, 92), rgb(53,208,127))' ; } else if ( chainId === CHAINS . NEAR ) { return 'linear-gradient(253deg, #00c1de, #00c08b)' ; } else if ( chainId === CHAINS . SECRET ) { return 'black' ; } else if ( chainId === CHAINS . CERAMIC ) { return '#f87236' ; } return 'rgb(255, 242, 155)' ; } ; const getSecondaryColor = ( chainId ) => { if ( chainId === CHAINS . SOLANA ) { return 'black' ; } else if ( chainId === CHAINS . AVALANCHE ) { return '#F6F6F6' ; } else if ( chainId === CHAINS . THE_GRAPH ) { return '#F6F6F6' ; } else if ( chainId === CHAINS . THE_GRAPH_NEAR ) { return '#F6F6F6' ; } else if ( chainId === CHAINS . POLYGON ) { return '#F6F6F6' ; } else if ( chainId === CHAINS . POLKADOT ) { return '#F6F6F6' ; } else if ( chainId === CHAINS . TEZOS ) { return '#F6F6F6' ; } else if ( chainId === CHAINS . SECRET ) { return 'white' ; } else if ( chainId === CHAINS . NEAR ) { return 'white' ; } else if ( chainId === CHAINS . CERAMIC ) { return 'white' ; } return 'black' ; } ;