打造顺手的工作界面
从“设置 → 外观”选择配色模式和主题,调整界面、聊天内容与代码的字体。
配色、主题与字体#
配色模式可选“系统”“浅色”或“深色”。浅色主题和深色主题分别配置,可调整强调色、背景、前景与对比度。字体选项分为“UI 字体”“内容字体”和“代码字体”,分别用于界面、聊天内容与代码。
打开外观设置#
点击左下角账号菜单进入“设置”,再选择“外观”。
选择主题并调整配色#
- 选择配色模式
选择“系统”跟随系统配色,或选择“浅色”“深色”使用对应模式。
- 配置对应主题
在“浅色主题”或“深色主题”区域选择主题;需要导入或复制主题时,使用该区域的“导入”或“复制主题”。
- 调整颜色与字体
按需要修改强调色、背景、前景与对比度,分别选择“UI 字体”“内容字体”和“代码字体”。
检查显示效果#
切换配色后,检查界面是否呈现对应的浅色或深色效果。调整字体后,回到会话和代码文件,检查中文、代码、行号与按钮是否清晰。
使用边界#
以当前外观设置提供的选项为准。本手册的主题按钮只改变手册页面,不会修改 JoyCode 应用的外观。
使用自定义皮肤#
进入“设置 → 外观”,在底部找到“自定义皮肤”。皮肤使用本机 CSS 文件,只改变界面样式。
- 准备 CSS 文件
使用可信来源的 CSS,并将文件保存在本机可访问的位置。
- 指定路径并启用
填写“CSS 文件路径”,点击“保存路径”,开启“启用自定义皮肤”。
- 重新加载并检查
修改样式后点击“重新加载”,返回聊天检查文字、按钮和文件预览。布局异常时关闭自定义皮肤恢复应用原有样式。
背景图与字体使用内联 data: 资源;需要覆盖运行时内联变量时,按 CSS 规则使用 !important。只有了解样式影响时才启用,避免隐藏操作按钮或降低文字可读性。
调整全局代码基础字号#
进入“设置 → 外观 → 偏好设置”,通过“UI 字号”调整界面字号,通过“代码字体大小”调整代码显示的基础字号。代码基础字号作用于全局,不是单个文件的设置,也不会改写文件内容;修改后打开代码文件检查文字、长行与行号。
同一区域还提供“使用指针光标”开关与差异标记选项(“颜色”或 +/-)。截图所示的 macOS 页面另有“字体平滑”设置。