12.1.1 JSON Configuration File

JSON Configuration File

The configuration is defined in the custom-themes.json file, which should be created in the following location: C:\ProgramData\Cybele Software\Thinfinity\Workspace\DB

The JSON configuration file should have the following structure:

//Example with sample data

{
    "filename": "C:\\Integrations\\Workspace\\custom\\assets\\customthemes.css",
    "favicon": "myfavicon.ico",
    "allowUsersToSwitchTheme": true,
    "allowBuiltInThemes": true,
    "themeOverriden": true,
    "defaultTheme": "MyOwnTheme",
    "lightMode": "MyOwnTheme",
    "darkMode": "MyOwnDarkTheme",
    "productName": "Product Name",
    "themes": [
        {
            "class": "MyOwnTheme",
            "name": "My Own Theme (light mode)"
        },
        {
            "class": "MyOwnDarkTheme",
            "name": "My Own Theme (dark mode)"
        }
    ]
}

Field	Type	Description
filename	text	Full path to the .css file containing the style sheet. Placed assets such as images, logos, backgrounds, favicon, etc in the same folder. The name of this file is not important, as Thinfinity Workspace will then apply it as themes__/custom-theme.css.
allowUsersToSwitchTheme	boolean	Specifies whether the user is allowed to customize Thinfinity Workspace.
allowBuiltInThemes	boolean	Specifies whether the predefined themes are enabled in Thinfinity Workspace.
favicon	text	Name of the favicon.ico file that replaces the Thinfinity Workspace favicon. This file should be in the same path as the custom .css file (same as the filename field).
productName	text	Text to show in the browser title bar, or as tab window content, when the user opens multiple web pages in a single window.
defaultTheme	text	Name of the CSS class representing the theme that will be applied by default.
lightMode	text	Name of the CSS class that represents the Light theme to be applied when Automatic is selected, and the operating system is in light mode.
darkMode	text	Name of the CSS class that represents the Dark theme to be applied when Automatic is selected, and the operating system is in dark mode.
themes	array	Contains one or more themes to add to the list of available themes for the user to choose from. Each element contains the name to be included in the theme selector and the CSS class to be applied to the pages.