一个适配26年新版本Cherry Studio的仿Claude主题
- 内容介绍
- 文章标签
- 相关推荐
站内确实之前有佬发过仿Claude的主题了, 但是可能是因为Cherry Studio的版本更新, 我自己在使用时会出现导航栏附近的圆角不匹配的问题, GPT5.4也修复不好, 于是干脆根据官方的文档和Claude网页版的css文件自己捏了一个.
Cherry Studio截图2560×1368 166 KB
Claude官网截图1920×881 113 KB
自认为还原度足够了.
Cherry Studio主题色: #C92442.
关于字体:
- Claude目前用的是自己的Anthropic Sans系列, 据考证, 25年以及更早使用的是Tiempos Text作为衬线体.
- 我的截图中使用的是: 方正FW筑紫A老明朝 + Tiempos Text(需要在页面右上角开启使用衬线体,版权原因这里就不分享了). 代码字体为Maple Mono NF CN, 界面字体Noto Sans SC(这俩在显示设置里设置).
/**
* Cherry Studio — Claude 官方配色（自定义 CSS）
*
* 配色来源：Claude Official.css 中 [data-theme=claude] 浅色/深色令牌（约 180–281 行）
* 与 .hljs 代码色（约 100–103 行，One Dark）。
* 文档：https://docs.cherry-ai.com/pre-basic/personalization-settings/css
* 变量参考：https://github.com/CherryHQ/cherry-studio/blob/main/src/renderer/src/assets/styles/color.css
*
* 可选：取消下方「Anthropic 字体」注释块以使用 Claude 网页同款字体（需联网加载字体文件）。
*
* 行内代码字体：修改 :root 中的 --font-inline-code（及可选的 --font-block-code）。
站内确实之前有佬发过仿Claude的主题了, 但是可能是因为Cherry Studio的版本更新, 我自己在使用时会出现导航栏附近的圆角不匹配的问题, GPT5.4也修复不好, 于是干脆根据官方的文档和Claude网页版的css文件自己捏了一个.
Cherry Studio截图2560×1368 166 KB
Claude官网截图1920×881 113 KB
自认为还原度足够了.
Cherry Studio主题色: #C92442.
关于字体:
- Claude目前用的是自己的Anthropic Sans系列, 据考证, 25年以及更早使用的是Tiempos Text作为衬线体.
- 我的截图中使用的是: 方正FW筑紫A老明朝 + Tiempos Text(需要在页面右上角开启使用衬线体,版权原因这里就不分享了). 代码字体为Maple Mono NF CN, 界面字体Noto Sans SC(这俩在显示设置里设置).
/**
* Cherry Studio — Claude 官方配色（自定义 CSS）
*
* 配色来源：Claude Official.css 中 [data-theme=claude] 浅色/深色令牌（约 180–281 行）
* 与 .hljs 代码色（约 100–103 行，One Dark）。
* 文档：https://docs.cherry-ai.com/pre-basic/personalization-settings/css
* 变量参考：https://github.com/CherryHQ/cherry-studio/blob/main/src/renderer/src/assets/styles/color.css
*
* 可选：取消下方「Anthropic 字体」注释块以使用 Claude 网页同款字体（需联网加载字体文件）。
*
* 行内代码字体：修改 :root 中的 --font-inline-code（及可选的 --font-block-code）。