diff --git a/README.md b/README.md index 6979304..2557ccf 100644 --- a/README.md +++ b/README.md @@ -12,10 +12,10 @@ ## Install -1. [Download](https://codeload.github.com/blinkfox/typora-vue-theme/zip/master) this theme from Github, then you can get the `vue.css` file and the `vue` folder. +1. [Download](https://codeload.github.com/blinkfox/typora-vue-theme/zip/master) this theme from Github, then you can get the `vue.css`, `vue-dark.css` files and the `vue` folder. 2. Open typora. Click "**Open Theme Folder**" button from `Preference Panel` → `Apperance` section. -3. Put `vue.css` and `vue` folder into the opened folder, make sure your css files are directly under that directory. -4. Close and reopen Typora and select `Theme` → `Vue` from the menu bar. +3. Put `vue.css`, `vue-dark.css` and `vue` folder into the opened folder, make sure your css files are directly under that directory. +4. Close and reopen Typora and select `Theme` → `Vue` or `Vue Dark` from the menu bar. ## Screenshots @@ -24,3 +24,11 @@ ![Screenshot 2](http://static.blinkfox.com/typora_vue_theme_screen_02.png) ![Screenshot 3](http://static.blinkfox.com/typora_vue_theme_screen_03.png) + +### Vue Dark + +![Screenshot 4](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_01.png) + +![Screenshot 5](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_02.png) + +> **Thanks**: This `vue-dark.css` by [typora-vue-dark-theme](https://github.com/MamoruDS/typora-vue-dark-theme). \ No newline at end of file diff --git a/README_CN.md b/README_CN.md index 189b8e8..19f4d59 100644 --- a/README_CN.md +++ b/README_CN.md @@ -12,10 +12,10 @@ ## 安装主题 -1. 下载本主题中的`vue.css`文件和包含字体的`vue`文件夹; +1. 下载本主题中的`vue.css`、`vue-dark.css`文件和包含字体的`vue`文件夹; 2. 打开 Typora,点击“**偏好设置**” => “**打开主题文件夹**”按钮,将弹出 Typora 的主题文件夹; -3. 将下载好的`vue.css`文件和包含字体的`vue`文件夹放到 Typora 的主题文件夹中; -4. 关闭并重新打开 Typora,从菜单栏中选择 “**主题**” => “**Vue**” 即可。 +3. 将下载好的`vue.css`和`vue-dark.css`文件和包含字体的`vue`文件夹放到 Typora 的主题文件夹中; +4. 关闭并重新打开 Typora,从菜单栏中选择 “**主题**” => “**Vue**” 或者 “**Vue Dark**” 即可。 ## 效果图 @@ -23,4 +23,12 @@ ![vue主题效果图2](http://static.blinkfox.com/typora_vue_theme_screen_02.png) -![vue主题效果图3](http://static.blinkfox.com/typora_vue_theme_screen_03.png) \ No newline at end of file +![vue主题效果图3](http://static.blinkfox.com/typora_vue_theme_screen_03.png) + +### Vue Dark + +![Screenshot 4](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_01.png) + +![Screenshot 5](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_02.png) + +> **感谢**: 本主题中的`vue-dark.css`来自[typora-vue-dark-theme](https://github.com/MamoruDS/typora-vue-dark-theme). \ No newline at end of file