Skip to main content
PATCH
/
branding
/
themes
/
{themeId}
TypeScript
import { ManagementClient } from "auth0";

async function main() {
    const client = new ManagementClient({
        token: "<token>",
    });
    await client.branding.themes.update("themeId", {
        borders: {
            buttonBorderRadius: 1.1,
            buttonBorderWeight: 1.1,
            buttonsStyle: "pill",
            inputBorderRadius: 1.1,
            inputBorderWeight: 1.1,
            inputsStyle: "pill",
            showWidgetShadow: true,
            widgetBorderWeight: 1.1,
            widgetCornerRadius: 1.1,
        },
        colors: {
            bodyText: "body_text",
            error: "error",
            header: "header",
            icons: "icons",
            inputBackground: "input_background",
            inputBorder: "input_border",
            inputFilledText: "input_filled_text",
            inputLabelsPlaceholders: "input_labels_placeholders",
            linksFocusedComponents: "links_focused_components",
            primaryButton: "primary_button",
            primaryButtonLabel: "primary_button_label",
            secondaryButtonBorder: "secondary_button_border",
            secondaryButtonLabel: "secondary_button_label",
            success: "success",
            widgetBackground: "widget_background",
            widgetBorder: "widget_border",
        },
        fonts: {
            bodyText: {
                bold: true,
                size: 1.1,
            },
            buttonsText: {
                bold: true,
                size: 1.1,
            },
            fontUrl: "font_url",
            inputLabels: {
                bold: true,
                size: 1.1,
            },
            links: {
                bold: true,
                size: 1.1,
            },
            linksStyle: "normal",
            referenceTextSize: 1.1,
            subtitle: {
                bold: true,
                size: 1.1,
            },
            title: {
                bold: true,
                size: 1.1,
            },
        },
        pageBackground: {
            backgroundColor: "background_color",
            backgroundImageUrl: "background_image_url",
            pageLayout: "center",
        },
        widget: {
            headerTextAlignment: "center",
            logoHeight: 1.1,
            logoPosition: "center",
            logoUrl: "logo_url",
            socialButtonsLayout: "bottom",
        },
    });
}
main();
{
  "borders": {
    "button_border_radius": 5.5,
    "button_border_weight": 5,
    "buttons_style": "pill",
    "input_border_radius": 5,
    "input_border_weight": 1.5,
    "inputs_style": "pill",
    "show_widget_shadow": true,
    "widget_border_weight": 5,
    "widget_corner_radius": 25
  },
  "colors": {
    "body_text": "<string>",
    "error": "<string>",
    "header": "<string>",
    "icons": "<string>",
    "input_background": "<string>",
    "input_border": "<string>",
    "input_filled_text": "<string>",
    "input_labels_placeholders": "<string>",
    "links_focused_components": "<string>",
    "primary_button": "<string>",
    "primary_button_label": "<string>",
    "secondary_button_border": "<string>",
    "secondary_button_label": "<string>",
    "success": "<string>",
    "widget_background": "<string>",
    "widget_border": "<string>",
    "base_focus_color": "<string>",
    "base_hover_color": "<string>",
    "captcha_widget_theme": "auto",
    "read_only_background": "<string>"
  },
  "displayName": "<string>",
  "fonts": {
    "body_text": {
      "bold": true,
      "size": 75
    },
    "buttons_text": {
      "bold": true,
      "size": 75
    },
    "font_url": "<string>",
    "input_labels": {
      "bold": true,
      "size": 75
    },
    "links": {
      "bold": true,
      "size": 75
    },
    "links_style": "normal",
    "reference_text_size": 18,
    "subtitle": {
      "bold": true,
      "size": 75
    },
    "title": {
      "bold": true,
      "size": 112.5
    }
  },
  "page_background": {
    "background_color": "<string>",
    "background_image_url": "<string>",
    "page_layout": "center"
  },
  "themeId": "<string>",
  "widget": {
    "header_text_alignment": "center",
    "logo_height": 50.5,
    "logo_position": "center",
    "logo_url": "<string>",
    "social_buttons_layout": "bottom"
  }
}

Authorizations

Authorization
string
header
required

Bearer authentication header of the form Bearer <token>, where <token> is your auth token.

Path Parameters

themeId
string
required

The ID of the theme

Body

Branding theme

borders
object
required
colors
object
required
fonts
object
required
page_background
object
required
widget
object
required
displayName
string

Display Name

Maximum string length: 2048
Pattern: ^[^<>]*$

Response

Branding settings successfully updated.

borders
object
required
colors
object
required
displayName
string
required

Display Name

Maximum string length: 2048
Pattern: ^[^<>]*$
fonts
object
required
page_background
object
required
themeId
string
required

Theme Id

Maximum string length: 32
Pattern: ^[a-zA-Z0-9]{32}$
widget
object
required