Custom theming is available for users with plans that include style customization features.
Customize the Fuse Importer’s appearance to match your brand’s visual identity using the setCustomStyles method. This method overrides Fuse’s default theme, allowing you to selectively customize specific colors and styles.
Using setCustomStyles will override any styles configured inside your Fuse account.

Basic Usage

const importer = new FuseImporter();

// Override only the colors to customize
// This will replace styles defined with your Fuse account
importer.setCustomStyles({
  colors: {
    primaryColor: "#3F51B5"  // Only override primary color, keep other defaults
  },
  logoURL: "https://yourdomain.com/logo.png"
});

importer.show();

Customization Options

Colors

Override any combination of these color properties. Colors that are not defined will fall back to Fuse’s default theme values.
importer.setCustomStyles({
  colors: {
    primaryColor: "#3F51B5",      // Primary brand color 
    secondaryColor: "#FF4081",    // Secondary accent color (buttons, highlights)
    backgroundColor: "#F5F5F5",   // Main background color
    borderColor: "#E0E0E0",       // Border and divider colors
    contentColor: "#FFFFFF"       // background color for selected areas
  }
});
Supported formats: Hex (#3F51B5), RGB (rgb(63, 81, 181)), HSL (hsl(231, 48%, 48%)), named colors (blue)
importer.setCustomStyles({
  logoURL: "https://yourdomain.com/logo.png"
});
Requirements: PNG/JPG format

Troubleshooting

Before applying your custom styles, the Fuse Importer runs a validation check. If any issues are found, the styles will be ignored and you’ll see error messages in the browser console starting with: “Error on custom styles validation:” Common validation errors include:
  • Invalid color format – Ensure all colors use valid CSS values (e.g., hex, RGB, HSL, or named colors).
  • Invalid URL format – Logo URLs must be correctly formatted and valid.
If your custom styles aren’t appearing, open the browser console and look for messages beginning with “Error on custom styles validation:” to identify and resolve the issue.