Skip to main content

Wallet Theming Configuration

Customize the visual appearance of your wallet pages, buttons, and links with the Wallet Theming feature. Take control of the following settings to create a cohesive and personalized wallet experience.

Configuration​

Adjust the style of your wallet pages using the following settings:

  • Background Image: Set a background image for your wallet pages.
  • Container Background Color: Define the background color of the container displaying your wallet content.
  • Container Border Width: Specify the width of the border surrounding your wallet container. Use whole numbers for better browser compatibility.
  • Container Border Color: Set the color of the border around your wallet container.
  • Container Header Color: Customize the color of the header in your wallet container.
  • Container Text Color: Define the color of the text displayed within your wallet container.

Regular Buttons​

Refine the style of your wallet buttons with the following options:

  • Button Color: Set the background color of your wallet buttons.
  • Button Text Color: Define the color of the text displayed on your wallet buttons.
  • Button Hover Color: Set the background color of your wallet buttons when they are hovered over.
  • Button Hover Text Color: Define the color of the text displayed on your wallet buttons during hover.
  • Button Transition Time: Adjust the duration of the transition effect applied to your wallet buttons.
  • Button Transition Timing: Define the timing function used for the transition effect on your wallet buttons.

Refine the appearance of links within your platform using the following options:

  • Color: Customize the color of your links using RGB, HSL, or HEX values.
  • Link Weight Adjust the thickness of the link's underline in pixels.
  • Opacity: Set the opacity of the authentication links from 0 (no transparency) to 1 (fully transparent).
  • Decoration: Define the decoration of the authentication links.
  • Decoration Color: Set the color of the decoration applied to the authentication links.
  • Decoration Thickness: Specify the thickness of the decoration applied to the authentication links in pixels.
  • Transition Timing: Define the timing function of the transition animation for the authentication links.
  • Hover Color: Specify the color of the authentication links when hovered over.
  • Hover Opacity: Set the opacity of the authentication links when hovered over from 0(no transparency) to 1(fully transparent).
  • Hover Decoration: Define the decoration of the authentication links when hovered over.
  • Hover Decoration Color: Set the color of the decoration applied to the authentication links when hovered over.

Connect Wallet Button​

Customize the style of your "Connect Wallet" button with the following options:

  • Button Color: Set the background color of your "Connect Wallet" button.
  • Button Text Color: Define the color of the text displayed on your "Connect Wallet" button.
  • Button Hover Color: Set the background color of your "Connect Wallet" button when hovered over.