Home
Blog
Customizable Theming is Here
Customizable theming is here! Brydge now includes two new optional props: baseColor and hoverColor.
Insert any hex color string and Brydge will instantly match your site’s theming. Here’s a sample implementation for the top left widget:
import { BrydgeWidget } from "@brydge-network/widget"; export function yourPage() { const provider = yourEthereumProvider(); return( //swap mode (isERC20Mode toggled) <BrydgeWidget jsonRpcEndpoints={{ 1: `https://mainnet.infura.io/v3/${process.env.NEXT_PUBLIC_INFURA_KEY}`, 10: `https://optimism-mainnet.infura.io/v3/${process.env.NEXT_PUBLIC_INFURA_KEY}`, 137: `https://polygon-mainnet.infura.io/v3/${process.env.NEXT_PUBLIC_INFURA_KEY}`, 42161: `https://arbitrum-mainnet.infura.io/v3/${process.env.NEXT_PUBLIC_INFURA_KEY}`, }} provider={provider as any} outputTokenAddress="0xc6C855AD634dCDAd23e64DA71Ba85b8C51E5aD7c" // polygon ICE onConnectWallet={openConnectModal} title="Buy ICE on Polygon" destinationChainId={137} darkMode={true} isERC20Mode baseColor={'#7214c0'} /> ) }
Customizable theming is available in all widget modes. Build a custom version of your widget here by clicking “Edit Inputs”.
About Brydge:
Brydge helps dApps increase revenue by making payments simple. Users can pay 1-click using any token in their wallet from any chain. No more figuring out chains, bridges, DEXs, gas, or multiple token approvals.
Brydge serves NFT marketplaces, NFT collections, P2E games, DeFi protocols, and dApps with a token.
Learn more about Brydge:
