MWeb-Themes

30+ 款 Markdown 预览主题，包括 Typo.css、Vue、Bear、Lark 等风格，适用于 MWeb、Typora 等笔记软件。

在线预览所有主题

目录

• 主题列表
  • 浅色主题
  • 深色主题
  • 部分主题预览
    • 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 同款主题

灵感来自 Bear 的主题，共 22 款。

默认配置：字号 16px、页宽 46rem。如果希望和 Bear 完全一致（字号 14px、页宽 40em），请自行更改 bear-default.scss 中的相关变量并重新编译。

Typo

基于 Typo.css 修改：

Vue

基于 typora-vue-theme 修改：

Indigo

基于 MDTU 修改：

Lark

灵感来自 飞书文档：

使用主题

在 MWeb 中使用

1. 下载 release 页面最新的主题压缩包 mweb-themes.zip
2. 打开 MWeb 偏好设置 - 预览样式 - 编辑 - 打开自定义样式所在的文件夹...（文件夹名为 PreviewCSS）
3. 将解压后的主题文件（.css 文件）拖到文件夹里
4. 点击 MWeb 偏好设置 - 预览样式 - 刷新，可以看到所有主题列表
5. 选择喜欢的主题

在 Typora 中使用

1. 下载 release 页面最新的主题压缩包 typora-themes.zip
2. 打开 Typora 偏好设置 - 外观 - 打开主题文件夹
3. 将解压后的主题文件（.css 文件）拖到文件夹里
4. 重启 Typora
5. 点击菜单栏 - 主题，可以看到所有主题列表
6. 选择喜欢的主题

开发主题

本项目提供了一个标准样式模板，可以通过设置变量（颜色、字号等）的方式快速开发一个新的预览主题。

请查看开发文档。