diff --git a/README-CN.md b/README-CN.md index 547bf34..b70cce3 100644 --- a/README-CN.md +++ b/README-CN.md @@ -19,7 +19,7 @@ ## 预览 -**整体效果** +**Overall** ![image](imgs/3.png) @@ -31,29 +31,36 @@ **Styles Supported** +![image](imgs/7.png) + ![image](imgs/5.png) +还包括 YAML Front Matter/ Math Script / TOC 等样式 + +![image](imgs/6.png) ## Features -- 支持英文和简体中文，正文字体中文使用[思源宋体](https://source.typekit.com/source-han-serif/cn/)，英文使用[Cantarell](https://fonts.google.com/specimen/Cantarell)。 -- 结合 Markdown 的特性呈现简洁的界面和多样的层次。还包括 Sidebar \ TOC \ Math Script \ YAML Front Matter 等样式支持。 -- 代码字体使用 [Jetbrains Mono](https://www.jetbrains.com/lp/mono/)，代码块配色灵感来自 VSCode Theme - [Winter is Coming](https://vscodethemes.com/e/johnpapa.winteriscoming/winter-is-coming-light-no-italics)。 +- 支持英文和简体中文，正文字体中文使用[思源宋体](https://source.typekit.com/source-han-serif/cn/)，英文使用[Cantarell](https://fonts.google.com/specimen/Cantarell); + + 代码字体使用 [Jetbrains Mono](https://www.jetbrains.com/lp/mono/)，代码块配色灵感来自 VSCode Theme - [Winter is Coming](https://vscodethemes.com/e/johnpapa.winteriscoming/winter-is-coming-light-no-italics)。 + +- 提供浅色和黑暗两种主题 - Lapis / Lapis Dark + +- 结合 Markdown 的特性尽可能呈现简洁的界面和多样的层次, 还包括 Sidebar 等样式支持。 ## 安装 1. Clone 此仓库，或从 [Latest Release](https://github.com/YiNNx/typora-theme-lapis/releases/latest) 中下载`typora-theme-lapis.zip`并解压。 2. 在 Typora 菜单中选择 偏好设置 (Preferences) -> 找到外观部分，点击“打开主题文件夹”按钮。 -3. 将 `lapis.css` 文件和 `lapis` 文件夹复制到 Typora 的主题文件夹中。 +3. 将 `lapis.css` & `lapis-dark.css` 文件和 `lapis` 文件夹复制到 Typora 的主题文件夹中。 4. 重启 Typora，然后从主题列表中选择 “Lapis”。 ## 贡献 这款主题最初是在 Linux 版本下编写和使用，其他平台上有概率出现一些意想不到的问题；同时由于主题样式大部分是基于作者的日常使用而编写，可能会有许多未发现的样式 bug。 -如果你遇到问题或有任何建议, 想法或贡献，欢迎直接提交 [Issues](https://github.com/yinnx/typora-theme-lapis/issues) & [Pull Request](https://github.com/YiNNx/typora-theme-lapis/pulls). - -感谢你的反馈和贡献！ +如果你遇到问题或有任何建议, 想法或贡献，欢迎直接提交 [Issues](https://github.com/yinnx/typora-theme-lapis/issues) & [Pull Request](https://github.com/YiNNx/typora-theme-lapis/pulls). 感谢你的反馈和贡献！ ## 致谢 @@ -64,3 +71,7 @@ ## 许可 Lapis Typora 主题在 MIT License 下发布。你可以自由地使用、修改和分发这个主题。 + +--- + +如果喜欢这个主题，给它点一个 STAR 吧📘 diff --git a/README.md b/README.md index 9a25534..4e5abd2 100644 --- a/README.md +++ b/README.md @@ -8,12 +8,6 @@

English / 简体中文

-## Introduction - -Lapis is a theme for Typora, with English & 简体中文 supported. - -Both light and dark themes are available, providing clean and rich Markdown styles. - ## Preview **Overall** @@ -28,26 +22,30 @@ Both light and dark themes are available, providing clean and rich Markdown styl **Styles Supported** +![image](imgs/7.png) + ![image](imgs/5.png) -The theme also provides YAML Front Matter \ Math Script \ TOC styles. +Also provides YAML Front Matter, Math Script, TOC, etc. + +![image](imgs/6.png) ## Features - Supports English & 简体中文 with fonts [Cantarell](https://fonts.google.com/specimen/Cantarell) and [思源宋体](https://source.typekit.com/source-han-serif/cn/). -- Combines Markdown features to present a clean interface and a comfortable visual hierarchy. -- Provides light & dark code color schemes inspired by VSCode's [Winter is Coming](https://vscodethemes.com/e/johnpapa.winteriscoming/winter-is-coming-light-no-italics), with the font [Jetbrains Mono](https://www.jetbrains.com/lp/mono/). +- Provides code color schemes inspired by VSCode's [Winter is Coming](https://vscodethemes.com/e/johnpapa.winteriscoming/winter-is-coming-light-no-italics), with the font [Jetbrains Mono](https://www.jetbrains.com/lp/mono/). +- Both light and dark themes are available, with clean and rich Markdown styles. ## Installation 1. Clone this repository or download from [Latest Release](https://github.com/YiNNx/typora-theme-lapis/releases/latest). 2. In Typora, open "Preferences" (`File` > `Preferences`). And then switch to the "Appearance" tab and click the "Open Theme Folder" button. -3. Copy the `lapis.css` file and the `lapis` folder into Typora's theme folder. +3. Copy the `lapis.css` & `lapis-dark.css` files and the `lapis` folder into Typora's theme folder. 4. Restart Typora and select the `Lapis`/`Lapis Dark` theme from the theme menu. ## Contributing -As developed on a Linux platform, this theme may have some unexpected issues on other platforms. +As developed on a Linux platform, this theme may have some unexpected problems on other platforms. If you have any issues or suggestions, welcome to submit [Issues](https://github.com/YiNNx/typora-theme-lapis/issues). For any style fixing or new feature, welcome to submit [Pull Requests](https://github.com/YiNNx/typora-theme-lapis/pulls). Thank you for your feedback and contributions! @@ -63,4 +61,4 @@ The Lapis Typora theme is released under the MIT License. You are free to use, m --- -If you like this theme, please give me a STAR :raised_hands: \ No newline at end of file +If you like this theme, please give me a STAR 📘 \ No newline at end of file diff --git a/imgs/1.png b/imgs/1.png index 16f7232..00ac056 100644 Binary files a/imgs/1.png and b/imgs/1.png differ diff --git a/imgs/2.png b/imgs/2.png index bd69416..0e96868 100644 Binary files a/imgs/2.png and b/imgs/2.png differ diff --git a/imgs/3.png b/imgs/3.png index 06a1236..234dacb 100644 Binary files a/imgs/3.png and b/imgs/3.png differ diff --git a/imgs/4.png b/imgs/4.png index 4713f7b..f457101 100644 Binary files a/imgs/4.png and b/imgs/4.png differ diff --git a/imgs/5.png b/imgs/5.png index 05cd522..bdd00e5 100644 Binary files a/imgs/5.png and b/imgs/5.png differ diff --git a/imgs/6.png b/imgs/6.png new file mode 100644 index 0000000..16cd7c7 Binary files /dev/null and b/imgs/6.png differ diff --git a/imgs/7.png b/imgs/7.png new file mode 100644 index 0000000..8f9915e Binary files /dev/null and b/imgs/7.png differ diff --git a/lapis.css b/lapis.css index 24ca92d..9a534f0 100644 --- a/lapis.css +++ b/lapis.css @@ -596,6 +596,10 @@ pre.md-meta-block { /* border-bottom: 1px solid var(--primary-color); */ } +pre.md-fences-advanced.md-focus .md-fences-adv-panel { + border-radius: .8rem; +} + /* * Scrollbar */ @@ -642,7 +646,7 @@ pre.md-meta-block { } .md-fences .cm-s-inner.CodeMirror { - margin: 2rem 0; + margin: 1.5rem 0; } .cm-s-inner.CodeMirror {