Back to Lobehub

界面外观

docs/usage/user-interface/appearance.zh-CN.mdx

2.1.562.5 KB
Original Source

界面外观

外观设置让你自定义 LobeHub 的视觉风格。切换主题、选择强调色、设置助理回复的默认语言,并调整代码和图表的样式。所有视觉相关选项都集中在这里。

如何进入: 点击右上角用户头像 → 应用设置外观

语言

切换界面语言。LobeHub 支持多语言,选择适合你工作流的语言即可。

主题模式

三种模式:

模式最适合
亮色明亮环境、白天使用
深色弱光环境、减轻眼疲劳
跟随系统与系统偏好一致(默认)

跟随系统 会根据操作系统设置自动切换亮色 / 深色。适合在不同时段或环境下使用 LobeHub 时使用。

主题色彩

除了明暗模式,你还可以设置 强调色 —— 用于按钮、高亮、链接等交互元素的颜色。LobeHub 提供多种预设主题色和中性色。点击色卡即可应用,界面会立即更新。

使用场景: 匹配品牌色、用中性色减少视觉干扰、或选择有助于专注的颜色。

助理语言

设置 助理回复的默认语言。选择后,助理会优先使用该语言回复,除非你在对话中明确要求使用其他语言。

示例: 若设置为「中文」,助理默认用中文回复。你仍可在某条消息中说「用英文回复」。

代码高亮

当对话或文稿中包含代码块时,可以选择 代码高亮主题。选择与整体主题协调的方案 —— 亮色主题配亮色代码、深色配深色。

使用场景: 提升代码审查时的可读性、与 IDE 配色保持一致、或在长代码会话中减轻眼疲劳。

Mermaid 主题

Mermaid 是一种用文本描述图表的工具。当对话或文稿中包含 Mermaid 图表(流程图、时序图等)时,可选择 Mermaid 主题。与整体主题协调,让图表与界面风格一致。

模式选择

模式说明
专业模式完整界面,包含所有面板和选项 —— 适合重度用户
精简模式精简界面,元素更少 —— 适合专注工作或小屏设备

提示: 想要更少视觉干扰、更多对话空间时用精简模式。需要快速访问面板、设置或多视图时用专业模式。

<Cards> <Card href={'/zh/docs/usage/user-interface/shortcuts'} title={'快捷键'} />

<Card href={'/zh/docs/usage/agent/translate'} title={'会话翻译'} /> </Cards>