Theme Settings

primaryColor

Specifies the main accent color used for key interactive and highlight elements across the UI.

Type: string
Default Value: "#0054B6"

primaryFontColor

Defines the main text color applied to primary content and key interface elements for optimal readability.

Type: string
Default Value: "#121926"

backgroundColor

Sets the primary background color used for chat containers and other main interface components.

Type: string
Default Value: "#FFFFFF"

fontFamily

Specifies the typeface used throughout the SDK interface, ensuring a consistent visual style.

Type: string
Default Value: "Poppins"

fontSize

Determines the default font size for text displayed across the SDK interface.

Type: nomber
Default Value: 14

borderColor

Defines the color used for borders around static UI elements, such as containers or input fields.

Type: string
Default Value: ""

secondaryFontColor

Specifies the text color for secondary content, such as hints, timestamps, or less prominent labels.

Type: string
Default Value: "#121926"

secondaryColor

Defines the secondary accent color used to complement the primary color and create visual hierarchy.

Type: string
Default Value: "#0054B6"

Example

foldspace.agent('API-KEY').setConfiguration({
  theme: {
    primaryColor: "#0066FF",
    primaryFontColor: "#0B1220",
    backgroundColor: "#FFFFFF",
    fontFamily: "Roboto",
    fontSize: 14,
    secondaryFontColor: "#6B7280",
    secondaryColor: "#F3F4F6",
    borderColor: "#E6E9EE"
  }
});