主题

Typora 有 6 个内置主题，可以在菜单栏的 主题 中选择。你也可以下载、安装、修改或编写你自己的自定义主题

Typora 使用 CSS 来设计一切。Themes 菜单中显示的每个主题都是 Typora 主题文件夹 下的一个 .css 文件。所以你可以通过添加/修改 Typora 主题文件夹 下相应的 css 文件来增加/修改主题。

在亮色模式和暗色模式下使用主题

你可以为亮色模式和暗色模式设置单独的主题（在 macOS / Windows）。当系统的颜色方案改变时，你选择的相应主题将被应用。

你的主题也可以使用媒体查询 prefers color scheme (opens new window) ，为亮色模式和暗色模式编写一个响应式的主题。

命名规则

当编写你自己的主题时，你需要以下这个文件命名规则来命名主题 CSS：

• 除了 -，不要使用大写字母和非字母字符，你可以用 - 替换任何空白，Typora 会在菜单项中把它们转换为可读的标签。例如，对于 my-first-typora-theme.css，Typora 会在 "theme" 菜单下显示 "my first typora theme"。

获取 Typora 主题

我们有一个官方网站 Typora Theme Gallery (opens new window) ，供设计师/开发者与他人分享他们的定制主题。你可以从那里下载主题。

自定义主题的安装

1. 打开主题文件夹。(见下面的说明)
2. 复制或移动 .css 文件和相关资源，如字体或图像，到新打开的文件夹。
3. 重新启动 Typora，然后从 主题 菜单中选择它。

打开主题文件夹

macOS

打开偏好设置，点击 "打开主题文件夹" 按钮。

在 macOS 上，通常是 /Users/{username}/Library/Application Support/abnerworks.Typora/themes/。

Windows/Linux

从 文件 →从菜单栏 偏好设置，打开偏好设置，然后点击 "打开主题文件夹"。

修改当前样式

有时你可能只想改变所有主题的字体家族，或改变特定主题的标题字体颜色。在这种情况下，你不需要复制/修改整个退出的 css 文件，而是 Add Custom CSS (opens new window) 。

撰写我自己的主题

请见 Write Custom Theme for Typora (opens new window) 。

调试主题 CSS

你可以打开 Chrome/Safari DevTools 来调试元素样式。

• 在 macOS 上，你可以检查 帮助 -> Enable Debug 菜单项，然后在 Typora 的混合编辑视图的任何地方点击右键，然后从上下文菜单中点击 "检查元素"。
• 在 Windows/Linux 上，你可以从 视图 -> Toggle DevTools 菜单项打开 DevTools。