@swapper-finance/sdk/src/models/payloads/ModalIntegrationPayload.ts

JavaScript SDK form Swapper

export type ThemeMode = "light" | "dark";

export type BrandTheme = {
  primaryColor?: string; // Main brand color (buttons, links, accents)
  secondaryColor?: string; // Secondary actions, highlights
};

export type ComponentStyles = {
  // Layout
  backgroundColor?: string;
  borderRadius?: string;
  width?: string;

  // Typography
  textColor?: string;

  // Buttons
  primaryButtonBackground?: string;
  primaryButtonText?: string;
  secondaryButtonBackground?: string;
  secondaryButtonText?: string;
  disabledButtonBackground?: string;
  disabledButtonText?: string;

  // Status colors
  successColor?: string;
  warningColor?: string;
  errorColor?: string;

  // UI Elements
  inputBackground?: string;
  inputBorder?: string;
  cardBackground?: string;
  borderColor?: string;
};

export type SwapperStyles = {
  themeMode?: ThemeMode;
  brandTheme?: BrandTheme;
  componentStyles?: ComponentStyles;
};

export type SwapperCTAs = {
  successViewButton?: {
    url: string;
    label: string;
  };
};