更新– CSS变量
如果要定义字体，颜色，背景，则更建议覆盖现有的CSS变量。早期版本的macOS / Safari不支持此功能，但使用起来仍然容易得多。常用的有：
:root {
--bg-color: #ffffff; /*change background*/
--text-color: #
Markdown3; /*change text color*/
--md-char-color: #C7C5C5; /*change color of meta characetrs like `*` in
Markdown */
--meta-content-color: #5b808d; /*change color of meta contents like image text or link address in
Markdown */
--primary-color: #428bca; /* color of primary buttons */
--primary-btn-border-color: #285e8e;
--primary-btn-text-color: #fff;
--window-border: 1px solid #eee; /*border for sidebar, etc*/
--active-file-bg-color: #eee; /*background color if list item in file tree or file list*/
--active-file-text-color: inherit;
--active-file-border-color: #777;
--side-bar-bg-color: var(--bg-color); /*change background of sidebar*/
--item-hover-bg-color: rgba(229, 229, 229, 0.59); /*background of control items when hover, like menu in sidebar*/
--item-hover-text-color: inherit;
--monospace: monospace; /*monospace font for codes, fences*/
}
这些变量将来可能会更改，因此您可以在Typora中使用DevTools进行确认。
概括
如果要为Typora编写自定义CSS主题，您需要做的是：
创建一个新的css文件。文件名
不应包含大写字母或空格，例如：my-typora-theme是有效的文件名。
编写css文件。
我们为您准备了一个工具包，以供您入门或进行简单的测试。
如果要从头开始编写，请选择template.less，然后填写。
如果要转换现有的css文件（来自
wpspress或Jekyll主题），只需复制内容，然后添加那些css文件未涵盖的样式，例如“ toc”或UI组件的样式。
调整/调试css类和样式。
您还可以遵循如何安装自定义主题来安装和使用该主题，并通过Typora对其进行测试。
要像在Safari或Chrome中那样在Typora中调试CSS，您可以从帮助菜单（macOS）或从首选项面板（macOS / Linux / Windows）启用调试模式，然后从上下文菜单中找到并单击“检查元素”，这将弹出像Safari或Chrome浏览器之类的DevTools。在Linux / Windows版本上，您可以从View菜单中切换它，也可以按F12。
您还可以将创建的css文件以及它使用的图像或字体等资源放到toolkit / theme / test.css中。并在toolkit / core和toolkit / electron下打开html文件以预览CSS。请在Mac上使用Safari或在Linux / Windows上使用Chrome预览html文件。
如果您想共享主题，只需向Typora Theme Gallery进行分叉并提出拉取请求即可。
基本规则
主题css的文件命名规则：请勿使用大写字母，请将空格替换为-，然后Typora会将其转换为菜单项中的可读标签。例如，对于my-first-typora-theme.css，Typora将在“主题”菜单下放置一个菜单项“我的第一个Typora主题”。
把默认字体大小为html，那么对于类似的元件h1或者p，用rem他们的font-size财产，或者自定义字体大小优先面板就不会工作。
如果可能，将标签用作选择器。例如，对于### heading 3，请使用h3而不是h3.md-header，因为对于任何降价渲染，“ ###标题3”将转换为h3标记。对于typora，我们将像其他
Markdown转换器一样，保留尽可能少的html属性（包括类）。您可以h3通过#write h3选择器限制书写区域。
Typora是在Webkit（在macOS上）或Chromium（在Windows / Linux上）上创建的，因此请使用Chrome或Safari（又名Webkit）支持的css属性。
CSS的某些修改可能会导致Typora无法正常工作，例如，添加white-space: pre-wrap;到选择器#write将导致\t无法通过按Tab键插入，因此请尽量覆盖默认的CSS样式，进行测试。
Tags:
Typora,
Typora变量,
Typora更新