Skip to main content

Fluid theming

You can customize styles in the Fluid widget to match your brand. The widget is designed to be easily themed with a few simple changes. These are the features you can customize:

  • Fonts are inherited from the host site
    Three weights are used: medium (400), semi-bold (600) and bold (700)
    These values could be modified from the theme section of the CMS
    For example, if the casino is using

    --fw-medium: 400;
    --fw-semiBold: 500;
    --fw-bold: 600;

    You will need to update semi-bold to 500 and bold to 600

  • 28+ colors in the styleguide for various components

  • Button corner radius

    • Pill
    • Rounded
    • Sharp

  • Fluid chat icons for various steps

    • Amount
    • Bonus
    • Payment method selection
    • Secure
    • Checking details

  • 2 payment method logo libraries that adapt between light and dark theme

  • Placeholder bonus image