# Custom Theme Colors

Foxit PDF SDK for Web offers a public method setThemeColor that allows users to customize theme colors. Details are as follows:

PDFViewCtrl.shared.setThemeColor([
        {
            dom: document.body, // Applied globally.
            colors: {
                primary: "#409eff", // Optional. Sets the color for UI components like buttons and dropdowns.
                background: "#999999", // Optional. Sets the background color for pages and input fields.
                border: "", // Optional. Sets the border color. An empty string means using the default value.
                link: "#9E3ABF", // Optional. Sets the color of links.
                text: "#006ddd", // Optional. Sets the color of the text.
            },
        },
        {
            dom: document.getElementsByClassName("fv__ui-tab-nav")[0], // Applied to a specific DOM element.
            colors: {
                text: "#d96f3f"
            },
        },
    ]);