30+ 款 Markdown 预览主题，Typo.css、Vue、Bear、飞书云文档等风格，适用于 MWeb、Typora。

MWeb-Themes

目录

• 主题列表
• 浅色主题
• 深色主题
• 部分主题预览
• Bear 同款主题
• Typo
• Vue
• Indigo
• Lark

• 使用主题
• 在 MWeb 中使用
• 在 Typora 中使用

• 开发主题

主题列表

浅色主题

ayu
bear-default
contrast
d-boring
default
duotone-heat
duotone-light
gandalf
indigo
jzman
lark
olive-dunk
red-graphite
smartblue
solarized-light
typo
v-green
vue

深色主题

ayu-mirage
charcoal
cobalt
dark-graphite
dieci
dracula
gotham
lighthouse
nord
panic
solarized-dark
toothpaste

部分主题预览

Bear 同款主题

Typo

Vue

Indigo

Lark

使用主题

在 MWeb 中使用

1. 下载 release 页面最新的主题压缩包 mweb3-themes.zip

2. 打开 MWeb 偏好设置 - 预览样式 - 编辑 - 打开自定义样式所在的文件夹...（文件夹名为 PreviewCSS）

3. 将解压后的主题文件（.css 文件）拖到文件夹里

4. 点击 MWeb 偏好设置 - 预览样式 - 刷新，可以看到所有主题列表

5. 选择喜欢的主题

1. 下载 release 页面最新的主题压缩包 mweb3-themes.zip

2. 解压，得到一系列名为 mweb-xxx.css 的文件

3. 打开 MWeb 偏好设置 - 自定义主题 - 新增亮主题 (如果是深色主题，应该选择“新增暗主题”)

4. 主题名称命名为 mweb-xxx

5. 出现一个主题编辑器，将右侧“按编辑器主题自动生成预览 CSS”取消勾选，然后将 mweb-xxx.css 文件的内容拷贝到右侧文本输入框中

6. 点击“保存”，随后就可以在偏好设置中切换亮/暗主题了

1. 下载与解压 mweb4-themes.zip

2. 打开 MWeb 偏好设置 - 主题&样式 - 自定义主题 - 导入亮主题 (如果是深色主题，应该选择“导入暗主题”)

3. 选中第一步解压后得到的全部的 mweb-xxx.mwebtheme 文件，导入即可

4. 每个主题文件，均包含编辑器主题和预览主题

在 Typora 中使用

1. 下载 release 页面最新的主题压缩包 typora-themes.zip

2. 打开 Typora 偏好设置 - 外观 - 打开主题文件夹

3. 将解压后的主题文件（.css 文件）拖到文件夹里

4. 重启 Typora

5. 点击菜单栏 - 主题，可以看到所有主题列表

6. 选择喜欢的主题

开发主题