您可以使用自己的标志和网站图标定制 Chainlit 应用。

网站图标和标志等资源默认由浏览器缓存。您可能需要清除浏览器缓存才能看到更改。

Chainlit 应用支持深色模式和浅色模式。为此,请准备两个版本的标志,分别命名为 logo_dark.pnglogo_light.png。将这些标志放在应用程序旁边的 /public 文件夹中。重启应用程序后,应会显示您的自定义标志。

自定义标志示例

在 Chainlit 应用中使用自定义标志的实际示例。

使用您的网站图标

为了进一步增强品牌形象,您还可以更新应用的网站图标。将一个名为 favicon 的图片文件放在应用程序旁边的 public 文件夹中。重启应用程序后,新的网站图标将生效。

定制登录页面背景图

如果启用了认证,登录页面将显示背景图(默认为 Chainlit 标志)。您可以通过编辑 .chainlit/config.toml 文件中的以下字段进行定制。

config.toml
[UI]
# Custom login page image, relative to public directory or external URL
login_page_image = "/public/custom-background.jpg"

# Custom login page image filter (Tailwind internal filters, no dark/light variants)
# login_page_image_filter = "brightness-50 grayscale"
# login_page_image_dark_filter = "contrast-200 blur-sm"