Brydge: Customizable theming is here

Instantly match your dApp's theming

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(
        <BrydgeWidget
            jsonRpcEndpoints={<YOUR_ENDPOINTS>}
            provider={provider as any}
            outputTokenAddress="0xc6C855AD634dCDAd23e64DA71Ba85b8C51E5aD7c"
            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”.