Customizable Theming is Here

Cover Image for Customizable Theming is Here
Zach Rosen, Co-Founder
Zach Rosen, Co-Founder

Color Mode Visual-modified (1)

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:

Website | Docs | Blog

Top Posts


Recent Posts


More Stories

Cover Image for Liquidity Pool Deposit Launch

Liquidity Pool Deposit Launch

Brydge Liquidity enables your users to add liquidity to your pools in 1-click with any token from any supported chain

Zach Rosen, Co-Founder
Zach Rosen, Co-Founder
Cover Image for Unifying All Balances Across All Supported Chains

Unifying All Balances Across All Supported Chains

Until today, you’ve needed to choose a source chain from before viewing your token balances. We’ve received tons of feedback that you want this to be simpler. Welcome, unified token list.

Zach Rosen, Co-Founder
Zach Rosen, Co-Founder

© 2022 Brydge Inc. All rights reserved

Product

OverviewDocsBook a DemoIntegratePlaygroundAuditReport a Bug