实用软件分享

typora添加修改背景颜色

2026-11-07 0 次查看

typora添加修改背景颜色要靠主题文件(CSS)来改,因为 Typora 本身不提供一键换背景色的入口,你需要打开对应主题的 CSS,找到与背景相关的样式规则,把颜色值改掉后保存并重新选择主题即可生效;如果你只是想临时看一下效果,也可以先在主题 CSS 里改一处试。

  1. 先确认你改的是主题CSS而不是软件界面设置
    打开 Typora,点菜单里的偏好设置,在「外观」区域能看到主题列表,默认会有 github、newsprint 等主题名称。Typora 的背景颜色由当前选中的主题样式表控制,不是某个勾选框。想改背景色,就要动主题文件夹里与当前主题同名的 .css 文件。先记下自己现在用的是哪一个主题,后面只改它对应的文件,避免改错。
  2. 打开主题文件夹找到对应CSS文件
    在偏好设置的外观区域有一个「打开主题文件夹」按钮,点它会打开系统文件管理器并定位到 Typora 的主题目录。里面通常有 github.css、newsprint.css 等文件,文件名就是主题名。找到与你当前主题同名的 .css 文件,用系统自带的文本编辑器或 Typora 自带的编辑器打开它。若不确定改哪个,可以先只改一个主题,然后在 Typora 里切回这个主题看效果。
  3. 在CSS里定位背景相关规则并改颜色值
    在打开的 CSS 文件里搜索 content、write、body 这几个关键字。常见的写法是给 #write 或 .content 设置 background-color 属性,例如 background-color: #ffffff; 这就是内容区的白色背景。把 #ffffff 换成你想要的颜色值,比如浅灰 #f5f5f5 或浅蓝 #eaf3ff。注意要保留分号,颜色写法用 # 开头的十六进制或 rgb 都行,改完保存文件。
  4. 改完保存后在Typora里重新选择主题生效
    保存 CSS 后回到 Typora,点菜单主题,先切到另一个主题,再切回你修改过的主题,样式会重新加载。如果没变化,可以先关闭 Typora 再重新打开,让主题文件被重新读取。若只改了内容区背景,左侧边栏、标题栏可能还是原来的深色或浅色,因为它们的背景由别的选择器控制,比如 sidebar 或 title-bar 相关规则,需要按同样方式继续找并修改。
  5. 注意主题更新会覆盖你的改动
    Typora 升级或重新安装时,自带的主题文件可能被重置,你之前手改的背景颜色会被覆盖回默认值。稳妥做法是:把自己改好的 CSS 复制一份另存为新名字,比如 mytheme.css,放进主题文件夹,然后在偏好设置的外观主题列表里选这个自定义名称。以后升级 Typora 也不会影响它。若只是临时用,保留原文件备份也是一种办法。想知道 Typora 的更多外观设置,可参考软件页说明:https://www.xxu5.com/?p=3042 。