{"id":13486522,"url":"https://github.com/imageslr/mweb-themes","last_synced_at":"2025-04-05T00:09:27.309Z","repository":{"id":37649279,"uuid":"220610967","full_name":"imageslr/mweb-themes","owner":"imageslr","description":"30+ 款 Markdown 预览主题，Typo.css、Vue、Bear、飞书云文档等风格，适用于 MWeb、Typora。","archived":false,"fork":false,"pushed_at":"2022-10-06T15:23:22.000Z","size":3905,"stargazers_count":592,"open_issues_count":3,"forks_count":63,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-28T23:08:19.353Z","etag":null,"topics":["bear","mweb","mweb-themes","theme","typora"],"latest_commit_sha":null,"homepage":"https://imageslr.github.io/mweb-themes/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imageslr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-09T08:05:06.000Z","updated_at":"2025-03-28T12:21:22.000Z","dependencies_parsed_at":"2022-07-09T15:18:13.256Z","dependency_job_id":null,"html_url":"https://github.com/imageslr/mweb-themes","commit_stats":null,"previous_names":[],"tags_count":26,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imageslr%2Fmweb-themes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imageslr%2Fmweb-themes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imageslr%2Fmweb-themes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imageslr%2Fmweb-themes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imageslr","download_url":"https://codeload.github.com/imageslr/mweb-themes/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247266564,"owners_count":20910836,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bear","mweb","mweb-themes","theme","typora"],"created_at":"2024-07-31T18:00:47.716Z","updated_at":"2025-04-05T00:09:27.291Z","avatar_url":"https://github.com/imageslr.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"## MWeb-Themes\n\n30+ 款 Markdown 预览主题，包括 [Typo.css](#typo)、[Vue](#vue)、[Bear](#bear-同款主题)、[Lark](#lark) 等风格，适用于 MWeb、Typora 等笔记软件。\n\n[在线预览所有主题](https://imageslr.github.io/mweb-themes)\n\n## 目录\n- [主题列表](#主题列表)\n  - [浅色主题](#浅色主题)\n  - [深色主题](#深色主题)\n  - [部分主题预览](#部分主题预览)\n    - [Bear 同款主题](#bear-同款主题)\n    - [Typo](#typo)\n    - [Vue](#vue)\n    - [Indigo](#indigo)\n    - [Lark](#lark)\n- [使用主题](#使用主题)\n  - [在 MWeb 中使用](#在-mweb-中使用)\n  - [在 Typora 中使用](#在-typora-中使用)\n- [开发主题](#开发主题)\n\n## 主题列表\n\n### 浅色主题\n\n```\nayu\nbear-default\ncontrast\nd-boring\ndefault\nduotone-heat\nduotone-light\ngandalf\nindigo\njzman\nlark\nolive-dunk\nred-graphite\nsmartblue\nsolarized-light\ntypo\nv-green\nvue\n```\n\n### 深色主题\n\n```\nayu-mirage\ncharcoal\ncobalt\ndark-graphite\ndieci\ndracula\ngotham\nlighthouse\nnord\npanic\nsolarized-dark\ntoothpaste\n```\n\n### 部分主题预览\n\n#### Bear 同款主题\n灵感来自 [Bear](https://bear.app/cn/faq/Themes/About%20free%20and%20Pro%20themes%20in%20Bear/) 的主题，**共 22 款**。\n\n\u003e 默认配置：字号 16px、页宽 46rem。如果希望和 Bear 完全一致（字号 14px、页宽 40em），请自行更改 [bear-default.scss](src/themes/variables/bear-default.scss) 中的相关变量并重新编译。\n\n![](media/bear-preview.png)\n\n\u003c!-- ##### Red Graphite --\u003e\n\u003c!-- ![](media/05-18-15-06-51.png) --\u003e\n\n\u003c!-- ##### Ayu Mirage\n![](media/05-17-17-16-48.png) --\u003e\n\n\u003c!-- ##### Dark Graphite --\u003e\n\n\u003c!-- ![](media/g05-17-17-15-25.png) --\u003e\n\u003c!-- ![](media/05-17-17-15-43.png) --\u003e\n\n#### Typo\n基于 [Typo.css](https://github.com/sofish/Typo.css) 修改：\n![](media/15732860467431.jpg)\n\u003c!-- ![](media/15732860638359.jpg) --\u003e\n\n#### Vue\n基于 [typora-vue-theme](https://github.com/blinkfox/typora-vue-theme) 修改：\n![](media/15732858925836.jpg)\n\u003c!-- ![](media/15732859445415.jpg) --\u003e\n\n#### Indigo\n基于 [MDTU](https://markdown.devtool.tech/app) 修改：\n![](media/05-13-12-47-13.png)\n\u003c!-- ![](media/05-13-12-47-40.png)\n![](media/05-13-12-47-50.png) --\u003e\n\n#### Lark\n灵感来自 [飞书文档](https://docs.feishu.cn/docs)：\n![](media/06-22-15-56-21.png)\n\n\u003c!-- ### SmartBlue\n\n基于 [smartblue](https://github.com/cumt-robin/juejin-markdown-theme-smart-blue) 修改：\n![](media/05-13-12-46-21.png)\n![](media/05-13-12-46-46.png) --\u003e\n\n\u003c!-- ### Jzman\n基于 [jzman](https://github.com/jzmanu/juejin-markdown-theme-jzman) 修改：\n![](media/05-13-12-45-24.png)\n![](media/05-13-12-45-54.png) --\u003e\n\n\u003c!-- ### V-Green\n基于 [v-green](https://github.com/DawnLck/juejin-markdown-theme-v-green) 修改：\n![](media/05-13-18-47-44.png)\n![](media/05-13-18-48-12.png) --\u003e\n\n\n## 使用主题\n\n### 在 MWeb 中使用\n\nMWeb 3.x:\n1. 下载 [release](https://github.com/imageslr/mweb-themes/releases) 页面最新的主题压缩包 `mweb3-themes.zip`\n2. 打开 MWeb 偏好设置 - 预览样式 - 编辑 - 打开自定义样式所在的文件夹...（文件夹名为 `PreviewCSS`）\n3. 将解压后的主题文件（.css 文件）拖到文件夹里\n4. 点击 MWeb 偏好设置 - 预览样式 - 刷新，可以看到所有主题列表\n5. 选择喜欢的主题\n\nMWeb 4.0.x:\n1. 下载 [release](https://github.com/imageslr/mweb-themes/releases) 页面最新的主题压缩包 `mweb3-themes.zip`\n2. 解压，得到一系列名为 `mweb-xxx.css` 的文件\n3. 打开 MWeb 偏好设置 - 自定义主题 - 新增亮主题 (如果是深色主题，应该选择“新增暗主题”)\n4. 主题名称命名为 `mweb-xxx`\n5. 出现一个主题编辑器，将右侧“按编辑器主题自动生成预览 CSS”取消勾选，然后将 `mweb-xxx.css` 文件的内容拷贝到右侧文本输入框中\n6. 点击“保存”，随后就可以在偏好设置中切换亮/暗主题了\n\nMWeb 4.2.x (Mweb Pro):\n1. 下载与解压 `mweb4-themes.zip`\n2. 打开 MWeb 偏好设置 - 主题\u0026样式 - 自定义主题 - 导入亮主题 (如果是深色主题，应该选择“导入暗主题”) \n3. 选中第一步解压后得到的全部的 `mweb-xxx.mwebtheme` 文件，导入即可\n4. 每个主题文件，均包含**编辑器主题**和**预览主题**\n\n\u003e Q: MWeb Pro 如何快速删除多个导入的主题文件？  \n\u003e A: 删除 `~/Library/Containers/com.coderforart.MWeb3/Data/Library/Application\\ Support/themes` 中的文件夹即可。删除后需要重启 MWeb。\n\n### 在 Typora 中使用\n\n1. 下载 [release](https://github.com/imageslr/mweb-themes/releases) 页面最新的主题压缩包 `typora-themes.zip`\n2. 打开 Typora 偏好设置 - 外观 - 打开主题文件夹\n3. 将解压后的主题文件（.css 文件）拖到文件夹里\n4. 重启 Typora\n5. 点击菜单栏 - 主题，可以看到所有主题列表\n6. 选择喜欢的主题\n\n## 开发主题\n\n本项目提供了一个标准样式模板，可以通过设置变量（颜色、字号等）的方式快速开发一个新的**预览主题**。\n\n请查看[开发文档](develop.md)。","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimageslr%2Fmweb-themes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimageslr%2Fmweb-themes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimageslr%2Fmweb-themes/lists"}