+
+
{trans("branding.mainBrandingColor")}
+ node.parentNode}
+ value={brandingConfig?.config_set?.mainBrandingColor}
+ showText
+ allowClear
+ format="hex"
+ onChange={(_, hex) => updateSettings(SettingsEnum.MAIN_BRANDING_COLOR, hex)}
+ />
+ {trans("branding.mainBrandingColorHelp")}
+
+
+
+
{trans("branding.editorHeaderColor")}
+ node.parentNode}
+ value={brandingConfig?.config_set?.appHeaderColor}
+ showText
+ allowClear
+ format="hex"
+ onChange={(_, hex) => updateSettings(SettingsEnum.APP_HEADER_COLOR, hex)}
+ />
+ {trans("branding.editorHeaderColorHelp")}
+
+
+
+
{trans("branding.adminSidebarColor")}
+ node.parentNode}
+ value={brandingConfig?.config_set?.adminSidebarColor}
+ showText
+ allowClear
+ format="hex"
+ onChange={(_, hex) => updateSettings(SettingsEnum.ADMIN_SIDEBAR_COLOR, hex)}
+ />
+ {trans("branding.adminSidebarColorHelp")}
+
+
+
+
{trans("branding.adminSidebarFontColor")}
+ node.parentNode}
+ value={brandingConfig?.config_set?.adminSidebarFontColor}
+ showText
+ allowClear
+ format="hex"
+ onChange={(_, hex) => updateSettings(SettingsEnum.ADMIN_SIDEBAR_FONT_COLOR, hex)}
+ />
+ {trans("branding.adminSidebarFontColorHelp")}
+
+
+
+
{trans("branding.adminSidebarActiveBgColor")}
+ node.parentNode}
+ value={brandingConfig?.config_set?.adminSidebarActiveBgColor}
+ showText
+ allowClear
+ format="hex"
+ onChange={(_, hex) => updateSettings(SettingsEnum.ADMIN_SIDEBAR_ACTIVE_BG_COLOR, hex)}
+ />
+ {trans("branding.adminSidebarActiveBgColorHelp")}
+
+
+
+
{trans("branding.adminSidebarActiveFontColor")}
+ node.parentNode}
+ value={brandingConfig?.config_set?.adminSidebarActiveFontColor}
+ showText
+ allowClear
+ format="hex"
+ onChange={(_, hex) => updateSettings(SettingsEnum.ADMIN_SIDEBAR_ACTIVE_FONT_COLOR, hex)}
+ />
+ {trans("branding.adminSidebarActiveFontColorHelp")}
+
+
+
+
{trans("branding.editorSidebarColor")}
+ node.parentNode}
+ value={brandingConfig?.config_set?.editorSidebarColor}
+ showText
+ allowClear
+ format="hex"
+ onChange={(_, hex) => updateSettings(SettingsEnum.EDITOR_SIDEBAR_COLOR, hex)}
+ />
+ {trans("branding.editorSidebarColorHelp")}
+
+
+
+
{trans("branding.editorSidebarFontColor")}
+ node.parentNode}
+ value={brandingConfig?.config_set?.editorSidebarFontColor}
+ showText
+ allowClear
+ format="hex"
+ onChange={(_, hex) => updateSettings(SettingsEnum.EDITOR_SIDEBAR_FONT_COLOR, hex)}
+ />
+ {trans("branding.editorSidebarFontColorHelp")}
+
+
+
+
{trans("branding.editorSidebarActiveBgColor")}
+ node.parentNode}
+ value={brandingConfig?.config_set?.editorSidebarActiveBgColor}
+ showText
+ allowClear
+ format="hex"
+ onChange={(_, hex) => updateSettings(SettingsEnum.EDITOR_SIDEBAR_ACTIVE_BG_COLOR, hex)}
+ />
+ {trans("branding.editorSidebarActiveBgColorHelp")}
+
+
+
+
{trans("branding.editorSidebarActiveFontColor")}
+ node.parentNode}
+ value={brandingConfig?.config_set?.editorSidebarActiveFontColor}
+ showText
+ allowClear
+ format="hex"
+ onChange={(_, hex) => updateSettings(SettingsEnum.EDITOR_SIDEBAR_ACTIVE_FONT_COLOR, hex)}
+ />
+ {trans("branding.editorSidebarActiveFontColorHelp")}
+
+
+
+
{trans("branding.font")}
+ updateSettings(SettingsEnum.FONT, font)}
+ />
+ {trans("branding.fontHelp")}
+
+
+