Powered by

UI 自定义

UI 主题

主题管理

主题文件允许你保存、分享并复用你的 UI 自定义设置。你可以为不同的心情或用途维护多个主题，并在它们之间即时切换。

  • 导入/导出主题文件
  • 删除现有主题
  • 将更改保存到当前主题
  • 另存为新主题

本节中的所有设置都会保存到当前主题。如果你切换主题，这些设置将被新主题的设置替换。

显示设置

这些显示选项会影响角色和消息在聊天界面中的呈现方式。

头像样式

可选择圆形（Circle）、方形（Square）、矩形（Rectangle）或圆角方形（Rounded Square）。此设置同时适用于用户头像和 AI 头像。

聊天样式

样式 说明 斜杠命令
Flat（扁平） 干净且连续的“聊天记录”样式，一块扁平画布让你的 AI 互动生动呈现。 /flat
/default
Bubbles（气泡） “即时通讯”风格，每条消息拥有独立气泡、讨喜的圆角和细微的 3D 效果。 /bubble
/bubbles
Document（文档） 紧凑的文档式外观，采用以文本为中心的布局。隐藏过往消息的头像、时间戳和消息控制按钮。 /single
/story

通知

设置通知弹窗（toast 消息）在屏幕上出现的位置。

  • 左上
  • 顶部居中（默认）
  • 右上
  • 左下
  • 底部居中
  • 右下

媒体样式

聊天消息中媒体附件（图片、音频、视频）的默认显示样式。向聊天消息追加媒体的扩展可能会覆盖此设置。也可在消息上下文菜单中使用“切换媒体显示样式（Toggle media display style）”操作逐条手动更改。

  • List（列表）：以类网格布局一次性显示所有媒体附件。
  • Gallery（画廊）：以轮播画廊方式显示媒体附件。

主题颜色

自定义每个 UI 元素的配色方案，打造你心目中的完美主题。可通过取色器选择颜色，并在适用的地方支持透明度选项。

  • 主文本
  • 斜体文本
  • 下划线文本
  • 引用文本
  • 文本阴影
  • 聊天背景
  • UI 背景
  • UI 边框
  • 用户消息
  • AI 消息

布局与视觉设置

通过这些滑块微调界面的视觉呈现。

  • 聊天宽度：调整聊天窗口宽度（屏幕的 25-100%）
  • 字体缩放：自定义文本大小（0.5-1.5x）
  • 模糊强度：控制 UI 面板模糊程度（0-30）
  • 阴影宽度：调整文本阴影强度（0-5）

主题开关

这些开关控制各种 UI 功能与行为。部分选项可提升低端设备上的性能，而另一些则为聊天界面添加有用的信息或功能。

  • Reduced Motion（减弱动效）：禁用动画与过渡效果
  • No Blur Effect（无模糊效果）：移除背景模糊以获得更好性能
  • No Text Shadows（无文本阴影）：禁用文本阴影效果
  • 视觉小说模式：带背景立绘的紧凑聊天
  • Expand Message Actions（展开消息操作）：始终显示完整的消息上下文菜单
  • Zen Sliders（极简滑块）：简化版参数控件
  • Mad Lab Mode（疯狂实验室模式）：不受限制的参数范围
  • Message Timer（消息计时器）：显示 AI 回复的生成耗时
  • Chat Timestamps（聊天时间戳）：显示消息时间戳
  • Model Icons（模型图标）：为消息显示 AI 模型图标
  • Message IDs（消息 ID）：显示顺序递增的消息编号
  • Hide Chat Avatars（隐藏聊天头像）：从聊天中移除头像
  • Message Token Count（消息 Token 计数）：显示每条消息的 token 数
  • Compact Input Area（紧凑输入区）：单行输入（仅限移动端）
  • Swipe # for All Messages（全部消息显示滑动编号）：在所有消息上显示滑动编号
  • Characters Hotswap（角色热切换）：为收藏角色提供快速选择按钮
  • Avatar Hover Magnification（头像悬停放大）：悬停头像时的缩放效果
  • Tags as Folders（标签作为文件夹）：使用标签作为文件夹来组织角色
  • Click to Edit（点击编辑）：点击消息即可快速打开消息编辑器

自定义 CSS

允许你应用自定义 CSS 样式，进一步自定义聊天界面的外观。

使用 Expand（展开） 可展开编辑器窗口，以获得更好的可视范围与编辑体验。

如果你切换主题，你的自定义 CSS 将被新主题的自定义 CSS 替换。如果你希望在切换主题时保留自定义 CSS，请确保将其保存到某个主题中。

如果你使用了大量自定义 CSS，或希望在多个主题中使用相同的自定义 CSS，非官方的 CSS Snippets 扩展 可以帮你管理和组织自定义 CSS。

消息提示音

若要在收到来自机器人的新消息时播放你自己的自定义提示音，请替换 SillyTavern 文件夹中的以下 MP3 文件：

public/sounds/message.mp3

以 80% 音量播放。

如果启用了“Background Sound Only（仅后台播放声音）”选项，则该提示音仅在 SillyTavern 窗口未获得焦点时才会播放。

公式渲染

若要启用数学公式渲染，请使用 LaTeX 扩展。要获取该扩展，你需要通过 SillyTavern 中的“Download Extensions & Assets（下载扩展与素材）”菜单进行安装。

在代码块中分别使用 latex 或 asciimath 语言标识符来输入 LaTeX 和 AsciiMath 公式。该扩展使用 KaTeX 进行渲染。

```latex
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
```

```asciimath
int_{-oo}^{oo} e^{-x^2} dx = sqrt{pi}
```

© Copyright 2026. All rights reserved.