├── README.md ├── README_CN.md ├── screenshots ├── feature_screenshot_01.png ├── screenshot_01.png ├── screenshot_02.png └── screenshot_03.png ├── src ├── codefence_colorscheme_oceanicnext.css ├── dark_code_fence_color_scheme.css ├── merge.sh ├── snappy_code_fence_color_scheme.css └── vue_dark_fork.css ├── vue-dark-oceanicnext.css ├── vue-dark-snappy.css ├── vue-dark.css ├── vue.css └── vue ├── 6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2 ├── 6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2 ├── 6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2 ├── 6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2 ├── 6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2 ├── 6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 ├── 6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2 ├── 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2 ├── L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2 ├── L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2 ├── L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2 ├── L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2 ├── L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2 ├── L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2 └── L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2 /README.md: -------------------------------------------------------------------------------- 1 | # typora-vue-dark-theme 2 | [中文](README_CN.md) 3 | 4 | > This is a dark typora theme forked from [typora-vue-theme](https://github.com/blinkfox/typora-vue-theme) which inspired by [Vue](http://vuejs.org/) document style. 5 | 6 | ## Introduction 7 | 8 | [Typora](https://www.typora.io/) is a markdown editor and reader that supports real-time preview. It supports `Windows`, `macOS`, `Linux` platforms. Typora is a qualified Markdown editor that supports images, lists, tables, codes, formulas, catalogs, etc. At the same time, typora also supports (one-click) dynamic preview function, so that everything becomes so clean and pure. And there are various theme templates. **[typora-vue-theme](https://github.com/blinkfox/typora-vue-theme) inspired by [Vue](https://vuejs.org/) document style**. 9 | 10 | ## Install 11 | 12 | 1. Download theme archive from [release page](https://github.com/MamoruDS/typora-vue-theme/releases/), then you can get the `vue-dark.css` file, `vue-dark-snappy.css`, `vue-dark-oceanicnext.css` and the `vue` folder. 13 | 2. Open typora. Click "**Open Theme Folder**" button from `Preference Panel` → `Apperance` section. 14 | 3. Put `vue-dark.css`, `vue-dark-snappy.css`, `vue-dark-oceanicnext.css` and `vue` folder into the opened folder, make sure your css files are directly under that directory. 15 | 4. Close and reopen Typora and select `Theme` → `Vue Dark`, `Vue Dark Snappy` or `Vue Dark Oceanicnext` from the menu bar. 16 | 17 | ## Screenshots 18 | 19 | ![Screenshot 01](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_01.png) 20 | 21 | default color style 22 | ![Screenshot 02](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_02.png) 23 | 24 | snappy color style 25 | ![Screenshot 03](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_03.png) 26 | -------------------------------------------------------------------------------- /README_CN.md: -------------------------------------------------------------------------------- 1 | # typora-vue-theme 2 | [English](README.md) 3 | 4 | > 这是一个fork自 [typora-vue-theme](https://github.com/blinkfox/typora-vue-theme) Vue文档风格的深色改版主题。 5 | 6 | ## 简介 7 | 8 | [Typora](https://www.typora.io/)是一款支持实时预览的 Markdown 编辑器和阅读器，支持`Windows`、`macOS`、`Linux`三大平台。Typora 作为一款合格的 Markdown 编辑器，支持图片、列表、表格、代码、公式、目录等功能，同时这款软件还支持（一键）动态预览功能，让一切都变得如此干净、纯粹。并且有多种主题模板。**[typora-vue-theme](https://github.com/blinkfox/typora-vue-theme)就是参考了[Vue](https://vuejs.org/)文档风格而开发的一个 Typora 自定义主题**。 9 | 10 | ## 安装主题 11 | 12 | 1. 从 [release page](https://github.com/MamoruDS/typora-vue-theme/releases/) 下载主题包，其中包含主题文件`vue-dark.css`、`vue-dark-snappy.css`和以及包含字体的`vue`文件夹。 13 | 2. 打开 Typora，点击“**偏好设置**” => “**打开主题文件夹**”按钮，将弹出 Typora 的主题文件夹； 14 | 3. 将下载好的`vue-dark.css`,`vue-dark-snappy.css`及`vue-dark-oceanicnext.css`文件和包含字体的`vue`文件夹放到 Typora 的主题文件夹中； 15 | 4. 关闭并重新打开 Typora，从菜单栏中选择 “**主题**” => “**Vue Dark**”、“**Vue Dark Snappy**”或“**Vue Dark Oceanicnext**”即可。 16 | 17 | ## 效果图 18 | 19 | ![vue主题效果图1](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_01.png) 20 | 默认深色主题 21 | ![vue主题效果图2](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_02.png) 22 | Snappy深色主题 23 | ![vue主题效果图3](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_03.png) -------------------------------------------------------------------------------- /screenshots/feature_screenshot_01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/screenshots/feature_screenshot_01.png -------------------------------------------------------------------------------- /screenshots/screenshot_01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/screenshots/screenshot_01.png -------------------------------------------------------------------------------- /screenshots/screenshot_02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/screenshots/screenshot_02.png -------------------------------------------------------------------------------- /screenshots/screenshot_03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/screenshots/screenshot_03.png -------------------------------------------------------------------------------- /src/codefence_colorscheme_oceanicnext.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --code-theme-rd: #ec5f67; 3 | --code-theme-or: #f99157; 4 | --code-theme-yl: #fac863; 5 | --code-theme-gn: #99c794; 6 | --code-theme-cy: #5fb3b3; 7 | --code-theme-bl: #6699cc; 8 | --code-theme-vt: #c594c5; 9 | --code-theme-bn: #ab7967; 10 | --code-theme-wt: #d8dee9; 11 | --code-theme-rd-br: #fc929e; 12 | --code-theme-or-br: #ff8b50; 13 | --code-theme-yl-br: #f8b94e; 14 | --code-theme-gn-br: #8ec089; 15 | --code-theme-cy-br: #88c6be; 16 | --code-theme-bl-br: #79b6f2; 17 | --code-theme-vt-br: #c5a5c5; 18 | --code-theme-bn-br: #5b5b5b; 19 | --code-theme-wt-br: #e4e8f0; 20 | --code-theme-gy: #b2b2b2; 21 | } 22 | 23 | #write .md-fences { 24 | color: #efefef !important; 25 | } 26 | 27 | /* code color */ 28 | .cm-s-inner .cm-keyword { 29 | color: var(--code-theme-vt-br); 30 | } 31 | 32 | .cm-s-inner .cm-atom, 33 | .cm-s-inner.cm-atom { 34 | color: var(--code-theme-or); 35 | } 36 | 37 | .cm-s-inner .cm-number { 38 | color: var(--code-theme-rd-br); 39 | } 40 | 41 | .cm-s-inner .cm-def { 42 | color: var(--code-theme-bl-br); 43 | } 44 | 45 | .cm-s-inner .cm-variable { 46 | color: #ffffff; 47 | } 48 | 49 | .cm-s-inner .cm-variable-2 { 50 | color: var(--code-theme-vt-br); 51 | } 52 | 53 | .cm-s-inner .cm-variable-3 { 54 | color: #ffffff; 55 | } 56 | 57 | .cm-s-inner .cm-string { 58 | color: var(--code-theme-gn); 59 | } 60 | 61 | .cm-s-inner .cm-property { 62 | color: var(--code-theme-yl); 63 | } 64 | 65 | .cm-s-inner .cm-operator { 66 | color: var(--code-theme-wt); 67 | } 68 | 69 | .cm-s-inner .cm-comment, 70 | .cm-s-inner.cm-comment { 71 | color: var(--code-theme-gy); 72 | } 73 | 74 | .cm-s-inner .cm-string-2 { 75 | color: var(--code-theme-or); 76 | } 77 | 78 | .cm-s-inner .cm-meta { 79 | color: var(--code-theme-vt-br); 80 | } 81 | 82 | .cm-s-inner .cm-qualifier { 83 | color: var(--code-theme-vt-br); 84 | } 85 | 86 | .cm-s-inner .cm-builtin { 87 | color: var(--code-theme-or); 88 | } 89 | 90 | .cm-s-inner .cm-bracket { 91 | color: var(--code-theme-cy-br); 92 | } 93 | 94 | .cm-s-inner .cm-tag { 95 | color: var(--code-theme-rd-br); 96 | } 97 | 98 | .cm-s-inner .cm-attribute { 99 | color: var(--code-theme-vt-br); 100 | } 101 | 102 | .cm-s-inner .cm-header, 103 | .cm-s-inner.cm-header { 104 | color: var(--code-theme-vt-br); 105 | } 106 | 107 | .cm-s-inner .cm-quote, 108 | .cm-s-inner.cm-quote { 109 | color: #7fcc7f; 110 | } 111 | 112 | .cm-s-inner .cm-hr, 113 | .cm-s-inner.cm-hr { 114 | color: hsl(0, 0%, 60%); 115 | } 116 | 117 | .cm-s-inner .cm-link, 118 | .cm-s-inner.cm-link { 119 | color: var(--code-theme-or-br); 120 | } 121 | 122 | .cm-negative { 123 | color: var(--code-theme-rd-br); 124 | } 125 | 126 | .cm-positive { 127 | color: var(--code-theme-gn-br); 128 | } 129 | 130 | .cm-header, 131 | .cm-strong { 132 | font-weight: 700; 133 | } 134 | 135 | .cm-error { 136 | color: #ff7f7f; 137 | } 138 | 139 | .cm-invalidchar { 140 | color: #ff7f7f; 141 | } 142 | 143 | .cm-constant { 144 | color: #42b983; 145 | } 146 | 147 | .cm-defined { 148 | color: #dac37f; 149 | } 150 | 151 | div.CodeMirror span.CodeMirror-matchingbracket { 152 | color: #7fff7f; 153 | } 154 | 155 | div.CodeMirror span.CodeMirror-nonmatchingbracket { 156 | color: #ff9090; 157 | } 158 | -------------------------------------------------------------------------------- /src/dark_code_fence_color_scheme.css: -------------------------------------------------------------------------------- 1 | /* code color */ 2 | .cm-s-inner .cm-keyword { 3 | color: #bb7fc3; 4 | } 5 | 6 | .cm-s-inner .cm-atom, 7 | .cm-s-inner.cm-atom { 8 | color: #9088cc; 9 | } 10 | 11 | .cm-s-inner .cm-number { 12 | color: #88b2a1; 13 | } 14 | 15 | .cm-s-inner .cm-def { 16 | color: #7f7fff; 17 | } 18 | 19 | .cm-s-inner .cm-variable { 20 | color: #efefef; 21 | } 22 | 23 | .cm-s-inner .cm-variable-2 { 24 | color: #7faad4; 25 | } 26 | 27 | .cm-s-inner .cm-variable-3 { 28 | color: #7fc3aa; 29 | } 30 | 31 | .cm-s-inner .cm-string { 32 | color: #d48888; 33 | } 34 | 35 | .cm-s-inner .cm-property { 36 | color: #efefef; 37 | } 38 | 39 | .cm-s-inner .cm-operator { 40 | color: #cb8c8c; 41 | } 42 | 43 | .cm-s-inner .cm-comment, 44 | .cm-s-inner.cm-comment { 45 | color: hsl(0, 0%, 35%); 46 | } 47 | 48 | .cm-s-inner .cm-string-2 { 49 | color: #ffaa7f; 50 | } 51 | 52 | .cm-s-inner .cm-meta { 53 | color: hsl(0, 0%, 33%); 54 | } 55 | 56 | .cm-s-inner .cm-qualifier { 57 | color: hsl(0, 0%, 33%); 58 | } 59 | 60 | .cm-s-inner .cm-builtin { 61 | color: #997fd4; 62 | } 63 | 64 | .cm-s-inner .cm-bracket { 65 | color: #ccccbb; 66 | } 67 | 68 | .cm-s-inner .cm-tag { 69 | color: #88bb7f; 70 | } 71 | 72 | .cm-s-inner .cm-attribute { 73 | color: #7f7fe5; 74 | } 75 | 76 | .cm-s-inner .cm-header, 77 | .cm-s-inner.cm-header { 78 | color: #7f7fff; 79 | } 80 | 81 | .cm-s-inner .cm-quote, 82 | .cm-s-inner.cm-quote { 83 | color: #7fcc7f; 84 | } 85 | 86 | .cm-s-inner .cm-hr, 87 | .cm-s-inner.cm-hr { 88 | color: hsl(0, 0%, 60%); 89 | } 90 | 91 | .cm-s-inner .cm-link, 92 | .cm-s-inner.cm-link { 93 | color: #7f7fe5; 94 | } 95 | 96 | .cm-negative { 97 | color: #eea1a1; 98 | } 99 | 100 | .cm-positive { 101 | color: #90cc90; 102 | } 103 | 104 | .cm-header, 105 | .cm-strong { 106 | font-weight: 700; 107 | } 108 | 109 | .cm-error { 110 | color: #ff7f7f; 111 | } 112 | 113 | .cm-invalidchar { 114 | color: #ff7f7f; 115 | } 116 | 117 | .cm-constant { 118 | color: #42b983; 119 | } 120 | 121 | .cm-defined { 122 | color: #dac37f; 123 | } 124 | 125 | div.CodeMirror span.CodeMirror-matchingbracket { 126 | color: #7fff7f; 127 | } 128 | 129 | div.CodeMirror span.CodeMirror-nonmatchingbracket { 130 | color: #ff9090; 131 | } 132 | -------------------------------------------------------------------------------- /src/merge.sh: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | 3 | rm -f ../vue-dark.css 4 | rm -f ../vue-dark-snappy.css 5 | rm -f ../vue-dark-oceanicnext.css 6 | 7 | cat dark_code_fence_color_scheme.css >> ../vue-dark.css 8 | cat vue_dark_fork.css >> ../vue-dark.css 9 | 10 | cat ../vue-dark.css >> ../vue-dark-snappy.css 11 | cat snappy_code_fence_color_scheme.css >> ../vue-dark-snappy.css 12 | 13 | cat ../vue-dark.css >> ../vue-dark-oceanicnext.css 14 | cat codefence_colorscheme_oceanicnext.css >> ../vue-dark-oceanicnext.css 15 | -------------------------------------------------------------------------------- /src/snappy_code_fence_color_scheme.css: -------------------------------------------------------------------------------- 1 | /* snappy scheme */ 2 | .cm-s-inner .cm-keyword { 3 | color: #f66153; 4 | } 5 | 6 | .cm-s-inner .cm-atom, 7 | .cm-s-inner.cm-atom { 8 | color: #f66153; 9 | } 10 | 11 | .cm-s-inner .cm-number { 12 | color: #4ea1df; 13 | } 14 | 15 | .cm-s-inner .cm-def { 16 | color: #808dd3; 17 | } 18 | 19 | .cm-s-inner .cm-variable, 20 | .cm-s-inner .cm-variable-2, 21 | .cm-s-inner .cm-variable-3 { 22 | color: #e3e2e0; 23 | } 24 | 25 | .cm-s-inner .cm-string, 26 | .cm-s-inner .cm-string-2 { 27 | color: #4ea1df; 28 | } 29 | 30 | .cm-s-inner .cm-property { 31 | /* color: #e3e2e0; */ 32 | color: #f66153; 33 | } 34 | 35 | .cm-s-inner .cm-operator { 36 | color: #f66153; 37 | } 38 | 39 | .cm-s-inner .cm-comment, 40 | .cm-s-inner.cm-comment { 41 | color: #696969; 42 | } 43 | 44 | .cm-s-inner .cm-meta { 45 | color: #4ea1df; 46 | } 47 | 48 | .cm-s-inner .cm-builtin { 49 | color: #808dd3; 50 | } 51 | 52 | .cm-s-inner .cm-bracket { 53 | color: #e3e2e0; 54 | /* < > */ 55 | } 56 | 57 | .cm-s-inner .cm-tag { 58 | color: #4ea1df; 59 | } 60 | 61 | .cm-s-inner .cm-attribute { 62 | color: #f66153; 63 | } 64 | 65 | .cm-s-inner .cm-header, 66 | .cm-s-inner.cm-header { 67 | color: #e3e2e0; 68 | } 69 | 70 | .cm-s-inner .cm-quote, 71 | .cm-s-inner.cm-quote { 72 | color: #4ea1df; 73 | } 74 | 75 | .cm-s-inner .cm-hr, 76 | .cm-s-inner.cm-hr { 77 | color: #e3e2e0; 78 | } 79 | 80 | .cm-s-inner .cm-link, 81 | .cm-s-inner.cm-link { 82 | /* color: #0000cc */ 83 | color: #f66153; 84 | } 85 | 86 | .cm-negative { 87 | color: #e61f44; 88 | } 89 | 90 | .cm-positive { 91 | color: #a6e22e; 92 | } 93 | -------------------------------------------------------------------------------- /src/vue_dark_fork.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --fg-color: #ffffff; 3 | --bg-color: #1f1f1f; 4 | --bg-trans-d: hsla(0, 0%, 0%, 20%); 5 | --bg-trans-l: hsla(0, 0%, 100%, 10%); 6 | --theme-vim-yl: #f3b37f; 7 | --theme-vim-gn: #41b883; 8 | --theme-vim-bl: #22a2c9; 9 | --table-bg: hsla(0, 0%, 100%, 6%); 10 | --table-bg-dim: hsla(0, 0%, 100%, 2%); 11 | --side-bar-bg-color: #343333; 12 | --control-text-color: #0e0808; 13 | --select-text-bg-color: hsl(153, 47%, 40%); 14 | --select-text-font-color: #fff; 15 | --item-hover-bg-color: #fff; 16 | --fence-bg: hsl(0, 0%, 10%); 17 | } 18 | 19 | /* cyrillic-ext */ 20 | @font-face { 21 | font-family: 'Roboto Mono'; 22 | font-style: normal; 23 | font-weight: 400; 24 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 25 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2') format('woff2'); 26 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 27 | U+FE2E-FE2F; 28 | } 29 | 30 | /* cyrillic */ 31 | @font-face { 32 | font-family: 'Roboto Mono'; 33 | font-style: normal; 34 | font-weight: 400; 35 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 36 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2') format('woff2'); 37 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 38 | } 39 | 40 | /* greek-ext */ 41 | @font-face { 42 | font-family: 'Roboto Mono'; 43 | font-style: normal; 44 | font-weight: 400; 45 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 46 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2') format('woff2'); 47 | unicode-range: U+1F00-1FFF; 48 | } 49 | 50 | /* greek */ 51 | @font-face { 52 | font-family: 'Roboto Mono'; 53 | font-style: normal; 54 | font-weight: 400; 55 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 56 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2') format('woff2'); 57 | unicode-range: U+0370-03FF; 58 | } 59 | 60 | /* vietnamese */ 61 | @font-face { 62 | font-family: 'Roboto Mono'; 63 | font-style: normal; 64 | font-weight: 400; 65 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 66 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2') format('woff2'); 67 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 68 | } 69 | 70 | /* latin-ext */ 71 | @font-face { 72 | font-family: 'Roboto Mono'; 73 | font-style: normal; 74 | font-weight: 400; 75 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 76 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2') format('woff2'); 77 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 78 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 79 | } 80 | 81 | /* latin */ 82 | @font-face { 83 | font-family: 'Roboto Mono'; 84 | font-style: normal; 85 | font-weight: 400; 86 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 87 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2') format('woff2'); 88 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 89 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 90 | U+2215, U+FEFF, U+FFFD; 91 | } 92 | 93 | /* cyrillic-ext */ 94 | @font-face { 95 | font-family: 'Source Sans Pro'; 96 | font-style: normal; 97 | font-weight: 300; 98 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 99 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2') format('woff2'); 100 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 101 | U+FE2E-FE2F; 102 | } 103 | 104 | /* cyrillic */ 105 | @font-face { 106 | font-family: 'Source Sans Pro'; 107 | font-style: normal; 108 | font-weight: 300; 109 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 110 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2') format('woff2'); 111 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 112 | } 113 | 114 | /* greek-ext */ 115 | @font-face { 116 | font-family: 'Source Sans Pro'; 117 | font-style: normal; 118 | font-weight: 300; 119 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 120 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2') format('woff2'); 121 | unicode-range: U+1F00-1FFF; 122 | } 123 | 124 | /* greek */ 125 | @font-face { 126 | font-family: 'Source Sans Pro'; 127 | font-style: normal; 128 | font-weight: 300; 129 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 130 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2') format('woff2'); 131 | unicode-range: U+0370-03FF; 132 | } 133 | 134 | /* vietnamese */ 135 | @font-face { 136 | font-family: 'Source Sans Pro'; 137 | font-style: normal; 138 | font-weight: 300; 139 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 140 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2') format('woff2'); 141 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 142 | } 143 | 144 | /* latin-ext */ 145 | @font-face { 146 | font-family: 'Source Sans Pro'; 147 | font-style: normal; 148 | font-weight: 300; 149 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 150 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2') format('woff2'); 151 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 152 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 153 | } 154 | 155 | /* latin */ 156 | @font-face { 157 | font-family: 'Source Sans Pro'; 158 | font-style: normal; 159 | font-weight: 300; 160 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 161 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2') format('woff2'); 162 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 163 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 164 | U+2215, U+FEFF, U+FFFD; 165 | } 166 | 167 | /* cyrillic-ext */ 168 | @font-face { 169 | font-family: 'Source Sans Pro'; 170 | font-style: normal; 171 | font-weight: 400; 172 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 173 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2') format('woff2'); 174 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 175 | U+FE2E-FE2F; 176 | } 177 | 178 | /* cyrillic */ 179 | @font-face { 180 | font-family: 'Source Sans Pro'; 181 | font-style: normal; 182 | font-weight: 400; 183 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 184 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2') format('woff2'); 185 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 186 | } 187 | 188 | /* greek-ext */ 189 | @font-face { 190 | font-family: 'Source Sans Pro'; 191 | font-style: normal; 192 | font-weight: 400; 193 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 194 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2') format('woff2'); 195 | unicode-range: U+1F00-1FFF; 196 | } 197 | 198 | /* greek */ 199 | @font-face { 200 | font-family: 'Source Sans Pro'; 201 | font-style: normal; 202 | font-weight: 400; 203 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 204 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2') format('woff2'); 205 | unicode-range: U+0370-03FF; 206 | } 207 | 208 | /* vietnamese */ 209 | @font-face { 210 | font-family: 'Source Sans Pro'; 211 | font-style: normal; 212 | font-weight: 400; 213 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 214 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2') format('woff2'); 215 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 216 | } 217 | 218 | /* latin-ext */ 219 | @font-face { 220 | font-family: 'Source Sans Pro'; 221 | font-style: normal; 222 | font-weight: 400; 223 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 224 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2') format('woff2'); 225 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 226 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 227 | } 228 | 229 | /* latin */ 230 | @font-face { 231 | font-family: 'Source Sans Pro'; 232 | font-style: normal; 233 | font-weight: 400; 234 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 235 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2') format('woff2'); 236 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 237 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 238 | U+2215, U+FEFF, U+FFFD; 239 | } 240 | 241 | /* cyrillic-ext */ 242 | @font-face { 243 | font-family: 'Source Sans Pro'; 244 | font-style: normal; 245 | font-weight: 600; 246 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 247 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2') format('woff2'); 248 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 249 | U+FE2E-FE2F; 250 | } 251 | 252 | /* cyrillic */ 253 | @font-face { 254 | font-family: 'Source Sans Pro'; 255 | font-style: normal; 256 | font-weight: 600; 257 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 258 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2') format('woff2'); 259 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 260 | } 261 | 262 | /* greek-ext */ 263 | @font-face { 264 | font-family: 'Source Sans Pro'; 265 | font-style: normal; 266 | font-weight: 600; 267 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 268 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2') format('woff2'); 269 | unicode-range: U+1F00-1FFF; 270 | } 271 | 272 | /* greek */ 273 | @font-face { 274 | font-family: 'Source Sans Pro'; 275 | font-style: normal; 276 | font-weight: 600; 277 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 278 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2') format('woff2'); 279 | unicode-range: U+0370-03FF; 280 | } 281 | 282 | /* vietnamese */ 283 | @font-face { 284 | font-family: 'Source Sans Pro'; 285 | font-style: normal; 286 | font-weight: 600; 287 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 288 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2') format('woff2'); 289 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 290 | } 291 | 292 | /* latin-ext */ 293 | @font-face { 294 | font-family: 'Source Sans Pro'; 295 | font-style: normal; 296 | font-weight: 600; 297 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 298 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2') format('woff2'); 299 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 300 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 301 | } 302 | 303 | /* latin */ 304 | @font-face { 305 | font-family: 'Source Sans Pro'; 306 | font-style: normal; 307 | font-weight: 600; 308 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 309 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2') format('woff2'); 310 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 311 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 312 | U+2215, U+FEFF, U+FFFD; 313 | } 314 | 315 | html { 316 | font-size: 16px; 317 | } 318 | 319 | body { 320 | font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif !important; 321 | color: var(--fg-color); 322 | background-color: var(--bg-color); 323 | -webkit-font-smoothing: antialiased; 324 | line-height: 1.6rem; 325 | letter-spacing: 0; 326 | margin: 0; 327 | overflow-x: hidden; 328 | } 329 | 330 | #write { 331 | max-width: 860px; 332 | margin: 0 auto; 333 | padding: 20px 30px 40px 30px; 334 | padding-top: 20px; 335 | padding-bottom: 100px; 336 | } 337 | 338 | #write p { 339 | line-height: 1.6rem; 340 | word-spacing: 0.05rem; 341 | } 342 | 343 | #write ol li { 344 | padding-left: 0.5rem; 345 | } 346 | 347 | #write > ul:first-child, 348 | #write > ol:first-child { 349 | margin-top: 30px; 350 | } 351 | 352 | body > *:first-child { 353 | margin-top: 0 !important; 354 | } 355 | 356 | body > *:last-child { 357 | margin-bottom: 0 !important; 358 | } 359 | 360 | a { 361 | color: var(--theme-vim-gn); 362 | font-weight: 600; 363 | padding: 0px 2px; 364 | text-decoration: none; 365 | } 366 | 367 | h1, 368 | h2, 369 | h3, 370 | h4, 371 | h5, 372 | h6 { 373 | position: relative; 374 | margin-top: 1rem; 375 | margin-bottom: 1rem; 376 | font-weight: bold; 377 | line-height: 1.4; 378 | cursor: text; 379 | } 380 | 381 | h1:hover a.anchor, 382 | h2:hover a.anchor, 383 | h3:hover a.anchor, 384 | h4:hover a.anchor, 385 | h5:hover a.anchor, 386 | h6:hover a.anchor { 387 | text-decoration: none; 388 | } 389 | 390 | h1 tt, 391 | h1 code { 392 | font-size: inherit; 393 | } 394 | 395 | h2 tt, 396 | h2 code { 397 | font-size: inherit; 398 | } 399 | 400 | h3 tt, 401 | h3 code { 402 | font-size: inherit; 403 | } 404 | 405 | h4 tt, 406 | h4 code { 407 | font-size: inherit; 408 | } 409 | 410 | h5 tt, 411 | h5 code { 412 | font-size: inherit; 413 | } 414 | 415 | h6 tt, 416 | h6 code { 417 | font-size: inherit; 418 | } 419 | 420 | /* h2 a, 421 | h3 a { 422 | color: #34495e; 423 | } */ 424 | 425 | h3 a:before { 426 | content: '#'; 427 | /* color: #42b983; */ 428 | position: absolute; 429 | left: -0.7em; 430 | margin-top: -0.05em; 431 | padding-right: 0.5em; 432 | font-size: 1.2em; 433 | line-height: 1; 434 | font-weight: bold; 435 | } 436 | 437 | h1 { 438 | padding-bottom: 0.4rem; 439 | font-size: 2.2rem; 440 | line-height: 1.3; 441 | } 442 | 443 | h2 { 444 | font-size: 1.75rem; 445 | line-height: 1.225; 446 | margin: 35px 0px 15px 0px; 447 | padding-bottom: 0.5em; 448 | border-bottom: 2px solid hsl(0, 0%, 20%); 449 | } 450 | 451 | h3 { 452 | font-size: 1.4rem; 453 | line-height: 1.43; 454 | margin: 20px 0px 7px 0px; 455 | } 456 | 457 | h4 { 458 | font-size: 1.2rem; 459 | } 460 | 461 | h5 { 462 | font-size: 1rem; 463 | } 464 | 465 | h6 { 466 | font-size: 1rem; 467 | color: hsl(0, 0%, 53%); 468 | } 469 | 470 | p, 471 | blockquote, 472 | ul, 473 | ol, 474 | dl, 475 | table { 476 | margin: 0.8em 0; 477 | } 478 | 479 | li > ol, 480 | li > ul { 481 | margin: 0 0; 482 | } 483 | 484 | hr { 485 | height: 2px; 486 | padding: 0; 487 | margin: 16px 0; 488 | background-color: hsl(0, 0%, 18%); 489 | border: 0 none; 490 | overflow: hidden; 491 | box-sizing: content-box; 492 | } 493 | 494 | body > h2:first-child { 495 | margin-top: 0; 496 | padding-top: 0; 497 | } 498 | 499 | body > h1:first-child { 500 | margin-top: 0; 501 | padding-top: 0; 502 | } 503 | 504 | body > h1:first-child + h2 { 505 | margin-top: 0; 506 | padding-top: 0; 507 | } 508 | 509 | body > h3:first-child, 510 | body > h4:first-child, 511 | body > h5:first-child, 512 | body > h6:first-child { 513 | margin-top: 0; 514 | padding-top: 0; 515 | } 516 | 517 | a:first-child h1, 518 | a:first-child h2, 519 | a:first-child h3, 520 | a:first-child h4, 521 | a:first-child h5, 522 | a:first-child h6 { 523 | margin-top: 0; 524 | padding-top: 0; 525 | } 526 | 527 | h1 p, 528 | h2 p, 529 | h3 p, 530 | h4 p, 531 | h5 p, 532 | h6 p { 533 | margin-top: 0; 534 | } 535 | 536 | li p.first { 537 | display: inline-block; 538 | } 539 | 540 | ul, 541 | ol { 542 | padding-left: 30px; 543 | } 544 | 545 | ul:first-child, 546 | ol:first-child { 547 | margin-top: 0; 548 | } 549 | 550 | ul:last-child, 551 | ol:last-child { 552 | margin-bottom: 0; 553 | } 554 | 555 | blockquote { 556 | border-left: 4px solid #42b983; 557 | padding: 10px 0px 10px 15px; 558 | color: #fff; 559 | background-color: rgba(66, 185, 131, 0.1); 560 | } 561 | 562 | table { 563 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 564 | font-size: 0.85rem; 565 | padding: 0; 566 | word-break: initial; 567 | } 568 | 569 | table tr { 570 | border-top: 1px solid hsl(210, 10%, 11%); 571 | margin: 0; 572 | padding: 0; 573 | } 574 | 575 | table tr:nth-child(2n), 576 | thead { 577 | background-color: var(--table-bg); 578 | } 579 | 580 | table tr, 581 | thead { 582 | background-color: var(--table-bg-dim); 583 | } 584 | 585 | table tr th { 586 | font-weight: bold; 587 | /* border: 1px solid hsl(210, 10%, 11%); */ 588 | border: transparent; 589 | border-bottom: 0; 590 | text-align: left; 591 | margin: 0; 592 | padding: 6px 13px; 593 | } 594 | 595 | table tr td { 596 | border: 2px solid #1d1d1d; 597 | text-align: left; 598 | margin: 0; 599 | padding: 6px 13px; 600 | } 601 | 602 | table tr th:first-child, 603 | table tr td:first-child { 604 | margin-top: 0; 605 | } 606 | 607 | table tr th:last-child, 608 | table tr td:last-child { 609 | margin-bottom: 0; 610 | } 611 | 612 | #write strong { 613 | padding: 0px 1px 0 1px; 614 | } 615 | 616 | #write em { 617 | padding: 0px 5px 0 2px; 618 | } 619 | 620 | #write table thead th { 621 | /* background-color: hsl(0, 0%, 5%); */ 622 | background-color: hsl(0, 0%, 9%); 623 | } 624 | 625 | #write .CodeMirror-gutters { 626 | border-right: none; 627 | } 628 | 629 | #write .md-fences { 630 | border: 1px solid hsl(0, 0%, 11%); 631 | -webkit-font-smoothing: initial; 632 | margin: 0.8rem 0 !important; 633 | padding: 0.3rem 0rem !important; 634 | line-height: 1.43rem; 635 | color: hsl(0, 0%, 78%); 636 | background-color: var(--fence-bg) !important; 637 | border-radius: 2px; 638 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 639 | font-weight: bold; 640 | font-size: 0.85rem; 641 | word-wrap: normal; 642 | } 643 | 644 | #write .CodeMirror-wrap .CodeMirror-code pre { 645 | padding-left: 12px; 646 | } 647 | 648 | #write code, 649 | tt { 650 | margin: 0 2px; 651 | padding: 2px 4px; 652 | border-radius: 2px; 653 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 654 | font-weight: bold; 655 | font-size: 0.85rem; 656 | color: var(--theme-vim-yl); 657 | background-color: var(--bg-trans-d); 658 | } 659 | 660 | #write .md-footnote { 661 | color: var(--theme-vim-yl); 662 | background-color: var(--bg-trans-d); 663 | } 664 | 665 | /* heighlight. */ 666 | #write mark { 667 | background-color: #ebffeb; 668 | border-radius: 2px; 669 | padding: 2px 4px; 670 | margin: 0 2px; 671 | color: #222; 672 | font-weight: 500; 673 | } 674 | 675 | #write del { 676 | padding: 1px 2px; 677 | } 678 | 679 | .cm-s-inner .cm-link, 680 | .cm-s-inner.cm-link { 681 | color: var(--theme-vim-bl); 682 | } 683 | 684 | .cm-s-inner .cm-string { 685 | color: var(--theme-vim-bl); 686 | } 687 | 688 | .md-task-list-item > input { 689 | margin-left: -1.3em; 690 | } 691 | 692 | @media screen and (min-width: 914px) { 693 | /*body { 694 | width: 854px; 695 | margin: 0 auto; 696 | }*/ 697 | } 698 | 699 | @media print { 700 | html { 701 | font-size: 13px; 702 | } 703 | 704 | table, 705 | pre { 706 | page-break-inside: avoid; 707 | } 708 | 709 | pre { 710 | word-wrap: break-word; 711 | } 712 | } 713 | 714 | #write pre.md-meta-block { 715 | padding: 1rem; 716 | font-size: 85%; 717 | line-height: 1.45; 718 | background-color: hsl(0, 0%, 3%); 719 | border: 0; 720 | border-radius: 3px; 721 | color: hsl(0, 0%, 53%); 722 | margin-top: 0 !important; 723 | } 724 | 725 | .mathjax-block > .code-tooltip { 726 | bottom: 0.375rem; 727 | } 728 | 729 | #write > h3.md-focus:before { 730 | left: -1.5625rem; 731 | top: 0.375rem; 732 | } 733 | 734 | #write > h4.md-focus:before { 735 | left: -1.5625rem; 736 | top: 0.285714286rem; 737 | } 738 | 739 | #write > h5.md-focus:before { 740 | left: -1.5625rem; 741 | top: 0.285714286rem; 742 | } 743 | 744 | #write > h6.md-focus:before { 745 | left: -1.5625rem; 746 | top: 0.285714286rem; 747 | } 748 | 749 | .md-image > .md-meta { 750 | border-radius: 3px; 751 | font-family: Consolas, 'Liberation Mono', Courier, monospace; 752 | padding: 2px 0px 0px 4px; 753 | font-size: 0.9em; 754 | color: inherit; 755 | } 756 | 757 | .md-tag { 758 | color: inherit; 759 | } 760 | 761 | .md-toc { 762 | margin-top: 20px; 763 | padding-bottom: 20px; 764 | } 765 | 766 | .sidebar-tabs { 767 | border-bottom: none; 768 | } 769 | 770 | #typora-quick-open { 771 | border: 1px solid #ddd; 772 | background-color: #f8f8f8; 773 | } 774 | 775 | #typora-quick-open-item { 776 | background-color: hsl(0, 0%, 2%); 777 | border-color: hsl(0, 0%, 0%) hsl(0, 0%, 10%) hsl(0, 0%, 10%) hsl(0, 0%, 7%); 778 | border-style: solid; 779 | border-width: 1px; 780 | } 781 | 782 | #md-notification:before { 783 | top: 10px; 784 | } 785 | 786 | /** focus mode */ 787 | 788 | .on-focus-mode blockquote { 789 | border-left-color: rgba(85, 85, 85, 0.12); 790 | } 791 | 792 | header, 793 | .context-menu, 794 | .megamenu-content, 795 | footer { 796 | font-family: 'Segoe UI', 'Arial', sans-serif; 797 | } 798 | 799 | .file-node-content:hover .file-node-icon, 800 | .file-node-content:hover .file-node-open-state { 801 | visibility: visible; 802 | } 803 | 804 | .mac-seamless-mode #typora-sidebar { 805 | background-color: hsl(0, 0%, 2%); 806 | background-color: var(--side-bar-bg-color); 807 | } 808 | 809 | .md-lang { 810 | color: var(--theme-vim-gn); 811 | } 812 | 813 | .html-for-mac .context-menu { 814 | --item-hover-bg-color: hsl(215, 92%, 5%); 815 | } 816 | 817 | #typora-sidebar { 818 | /* font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; */ 819 | font-family: Helvetica, Arial !important; 820 | font-weight: bold; 821 | } 822 | 823 | .file-list-item-summary { 824 | font-family: Helvetica, Arial !important; 825 | font-weight: 400; 826 | } 827 | 828 | .file-list-item { 829 | border-bottom: 0.15rem solid hsl(0, 0%, 18%); 830 | } 831 | 832 | .file-list-item.active { 833 | background: hsl(0, 0%, 15%) !important; 834 | } 835 | 836 | .file-node-background { 837 | height: 29px; 838 | } 839 | 840 | #toc-dropmenu { 841 | background: hsl(0, 0%, 18%) !important; 842 | /* font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; */ 843 | font-weight: bold; 844 | } 845 | 846 | #toc-content { 847 | margin-top: 1rem; 848 | margin-bottom: 1rem; 849 | } 850 | 851 | #toc-content a:hover { 852 | text-decoration: none; 853 | } 854 | 855 | .outline-item { 856 | /* transition: color 150ms, background-color 150ms; */ 857 | transition: color 150ms; 858 | } 859 | 860 | .outline-item:hover { 861 | background-color: rgba(0, 0, 0, 0.5); 862 | color: var(--theme-vim-gn); 863 | } 864 | 865 | .sidebar-footer { 866 | border-top: 2px solid hsl(0, 0%, 15%) !important; 867 | } 868 | 869 | .footer-item:hover, 870 | .sidebar-footer-item:hover { 871 | background-color: rgba(0, 0, 0, 0.5) !important; 872 | } 873 | 874 | .file-tree-node.active > .file-node-background { 875 | background-color: hsl(0, 0%, 15%) !important; 876 | } 877 | 878 | .file-node-content:hover { 879 | color: #fff; 880 | } 881 | 882 | html { 883 | background: #1f1f1f !important; 884 | } 885 | 886 | .outline-title-wrapper { 887 | display: none; 888 | } 889 | 890 | .dropdown-menu .divider { 891 | display: none; 892 | height: 2px; 893 | background-color: hsl(0, 0%, 13%); 894 | } 895 | 896 | .dropdown-menu > li > a { 897 | color: #fff; 898 | } 899 | 900 | .autoComplt-hint { 901 | color: var(--theme-vim-gn) !important; 902 | /* border-color: transparent !important */ 903 | } 904 | 905 | .auto-suggest-container { 906 | color: var(--theme-vim-gn) !important; 907 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 908 | font-weight: bold !important; 909 | border-color: var(--theme-vim-gn) !important; 910 | border-radius: 8px !important; 911 | border-width: 2px !important; 912 | margin-top: 5px; 913 | overflow: hidden !important; 914 | box-shadow: 0 0 1rem hsla(153, 47%, 49%, 0.3); 915 | } 916 | 917 | /* .auto-suggest-container li { */ 918 | /* transition: all 150ms; */ 919 | /* text-align: center !important; */ 920 | /* } */ 921 | 922 | .auto-suggest-container li:hover { 923 | color: #fff !important; 924 | background-color: var(--theme-vim-gn) !important; 925 | /* text-align: right !important; */ 926 | } 927 | 928 | /* windows */ 929 | /* .modal-dialog { */ 930 | /* color: #000; */ 931 | /* } */ 932 | 933 | .typora-sourceview-on #toggle-sourceview-btn { 934 | background-color: var(--theme-vim-gn); 935 | } 936 | 937 | /* cursor */ 938 | .CodeMirror.cm-s-typora-default div.CodeMirror-cursor { 939 | border-left: 5px solid var(--theme-vim-gn); 940 | } 941 | 942 | .CodeMirror div.CodeMirror-cursor { 943 | border-left: 5px solid var(--theme-vim-gn); 944 | z-index: 3; 945 | } 946 | 947 | .form-control { 948 | background-color: var(--bg-trans-d); 949 | border-color: var(--bg-color); 950 | } 951 | 952 | .modal-header, 953 | .modal-footer { 954 | border-color: var(--bg-trans-l); 955 | border-width: 2px; 956 | } 957 | 958 | .btn:hover { 959 | background-color: var(--theme-vim-gn); 960 | } 961 | 962 | .md-rawblock-on-edit > .md-rawblock-tooltip, 963 | .md-rawblock:hover > .md-rawblock-container, 964 | .md-rawblock:hover > .md-rawblock-tooltip { 965 | transition: background 0.5s linear; 966 | background-color: var(--fence-bg) !important; 967 | display: block; 968 | } 969 | 970 | .md-rawblock-control:not(.md-rawblock-tooltip) { 971 | background-color: var(--fence-bg) !important; 972 | } 973 | 974 | /* windows */ 975 | 976 | :root { 977 | --text-color: var(--fg-color); 978 | --btn-border-color: hsla(0, 0%, 100%, 0.1); 979 | --item-hover-bg-color: var(--select-text-bg-color); 980 | } 981 | 982 | .megamenu-menu-header { 983 | border-color: var(--btn-border-color); 984 | } 985 | 986 | .megamenu-opened header { 987 | background-image: none; 988 | } 989 | 990 | .megamenu-menu { 991 | background-color: var(--side-bar-bg-color); 992 | } 993 | 994 | .megamenu-content { 995 | background: var(--bg-color); 996 | } 997 | 998 | .modal-content { 999 | border-color: var(--btn-border-color); 1000 | } 1001 | 1002 | .long-btn { 1003 | border-color: var(--btn-border-color); 1004 | } 1005 | 1006 | #recent-file-panel tbody tr:nth-child(2n-1) { 1007 | background-color: transparent; 1008 | } 1009 | 1010 | footer.ty-footer { 1011 | border-top: 1px solid var(--table-bg); 1012 | } 1013 | 1014 | #recent-file-panel-action-btn { 1015 | background-color: transparent; 1016 | } 1017 | 1018 | /* improvement */ 1019 | 1020 | .dropdown-menu { 1021 | box-shadow: 0 0 0 0 transparent; 1022 | -webkit-box-shadow: 0 0 0 0 transparent; 1023 | } 1024 | 1025 | p, 1026 | blockquote, 1027 | ul, 1028 | ol, 1029 | dl, 1030 | table { 1031 | margin: 0.4em 0; 1032 | /* margin: 0.8rem 0 0 0 ; */ 1033 | } 1034 | -------------------------------------------------------------------------------- /vue-dark-oceanicnext.css: -------------------------------------------------------------------------------- 1 | /* code color */ 2 | .cm-s-inner .cm-keyword { 3 | color: #bb7fc3; 4 | } 5 | 6 | .cm-s-inner .cm-atom, 7 | .cm-s-inner.cm-atom { 8 | color: #9088cc; 9 | } 10 | 11 | .cm-s-inner .cm-number { 12 | color: #88b2a1; 13 | } 14 | 15 | .cm-s-inner .cm-def { 16 | color: #7f7fff; 17 | } 18 | 19 | .cm-s-inner .cm-variable { 20 | color: #efefef; 21 | } 22 | 23 | .cm-s-inner .cm-variable-2 { 24 | color: #7faad4; 25 | } 26 | 27 | .cm-s-inner .cm-variable-3 { 28 | color: #7fc3aa; 29 | } 30 | 31 | .cm-s-inner .cm-string { 32 | color: #d48888; 33 | } 34 | 35 | .cm-s-inner .cm-property { 36 | color: #efefef; 37 | } 38 | 39 | .cm-s-inner .cm-operator { 40 | color: #cb8c8c; 41 | } 42 | 43 | .cm-s-inner .cm-comment, 44 | .cm-s-inner.cm-comment { 45 | color: hsl(0, 0%, 35%); 46 | } 47 | 48 | .cm-s-inner .cm-string-2 { 49 | color: #ffaa7f; 50 | } 51 | 52 | .cm-s-inner .cm-meta { 53 | color: hsl(0, 0%, 33%); 54 | } 55 | 56 | .cm-s-inner .cm-qualifier { 57 | color: hsl(0, 0%, 33%); 58 | } 59 | 60 | .cm-s-inner .cm-builtin { 61 | color: #997fd4; 62 | } 63 | 64 | .cm-s-inner .cm-bracket { 65 | color: #ccccbb; 66 | } 67 | 68 | .cm-s-inner .cm-tag { 69 | color: #88bb7f; 70 | } 71 | 72 | .cm-s-inner .cm-attribute { 73 | color: #7f7fe5; 74 | } 75 | 76 | .cm-s-inner .cm-header, 77 | .cm-s-inner.cm-header { 78 | color: #7f7fff; 79 | } 80 | 81 | .cm-s-inner .cm-quote, 82 | .cm-s-inner.cm-quote { 83 | color: #7fcc7f; 84 | } 85 | 86 | .cm-s-inner .cm-hr, 87 | .cm-s-inner.cm-hr { 88 | color: hsl(0, 0%, 60%); 89 | } 90 | 91 | .cm-s-inner .cm-link, 92 | .cm-s-inner.cm-link { 93 | color: #7f7fe5; 94 | } 95 | 96 | .cm-negative { 97 | color: #eea1a1; 98 | } 99 | 100 | .cm-positive { 101 | color: #90cc90; 102 | } 103 | 104 | .cm-header, 105 | .cm-strong { 106 | font-weight: 700; 107 | } 108 | 109 | .cm-error { 110 | color: #ff7f7f; 111 | } 112 | 113 | .cm-invalidchar { 114 | color: #ff7f7f; 115 | } 116 | 117 | .cm-constant { 118 | color: #42b983; 119 | } 120 | 121 | .cm-defined { 122 | color: #dac37f; 123 | } 124 | 125 | div.CodeMirror span.CodeMirror-matchingbracket { 126 | color: #7fff7f; 127 | } 128 | 129 | div.CodeMirror span.CodeMirror-nonmatchingbracket { 130 | color: #ff9090; 131 | } 132 | :root { 133 | --fg-color: #ffffff; 134 | --bg-color: #1f1f1f; 135 | --bg-trans-d: hsla(0, 0%, 0%, 20%); 136 | --bg-trans-l: hsla(0, 0%, 100%, 10%); 137 | --theme-vim-yl: #f3b37f; 138 | --theme-vim-gn: #41b883; 139 | --theme-vim-bl: #22a2c9; 140 | --table-bg: hsla(0, 0%, 100%, 6%); 141 | --table-bg-dim: hsla(0, 0%, 100%, 2%); 142 | --side-bar-bg-color: #343333; 143 | --control-text-color: #0e0808; 144 | --select-text-bg-color: hsl(153, 47%, 40%); 145 | --select-text-font-color: #fff; 146 | --item-hover-bg-color: #fff; 147 | --fence-bg: hsl(0, 0%, 10%); 148 | } 149 | 150 | /* cyrillic-ext */ 151 | @font-face { 152 | font-family: 'Roboto Mono'; 153 | font-style: normal; 154 | font-weight: 400; 155 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 156 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2') format('woff2'); 157 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 158 | U+FE2E-FE2F; 159 | } 160 | 161 | /* cyrillic */ 162 | @font-face { 163 | font-family: 'Roboto Mono'; 164 | font-style: normal; 165 | font-weight: 400; 166 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 167 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2') format('woff2'); 168 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 169 | } 170 | 171 | /* greek-ext */ 172 | @font-face { 173 | font-family: 'Roboto Mono'; 174 | font-style: normal; 175 | font-weight: 400; 176 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 177 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2') format('woff2'); 178 | unicode-range: U+1F00-1FFF; 179 | } 180 | 181 | /* greek */ 182 | @font-face { 183 | font-family: 'Roboto Mono'; 184 | font-style: normal; 185 | font-weight: 400; 186 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 187 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2') format('woff2'); 188 | unicode-range: U+0370-03FF; 189 | } 190 | 191 | /* vietnamese */ 192 | @font-face { 193 | font-family: 'Roboto Mono'; 194 | font-style: normal; 195 | font-weight: 400; 196 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 197 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2') format('woff2'); 198 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 199 | } 200 | 201 | /* latin-ext */ 202 | @font-face { 203 | font-family: 'Roboto Mono'; 204 | font-style: normal; 205 | font-weight: 400; 206 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 207 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2') format('woff2'); 208 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 209 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 210 | } 211 | 212 | /* latin */ 213 | @font-face { 214 | font-family: 'Roboto Mono'; 215 | font-style: normal; 216 | font-weight: 400; 217 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 218 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2') format('woff2'); 219 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 220 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 221 | U+2215, U+FEFF, U+FFFD; 222 | } 223 | 224 | /* cyrillic-ext */ 225 | @font-face { 226 | font-family: 'Source Sans Pro'; 227 | font-style: normal; 228 | font-weight: 300; 229 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 230 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2') format('woff2'); 231 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 232 | U+FE2E-FE2F; 233 | } 234 | 235 | /* cyrillic */ 236 | @font-face { 237 | font-family: 'Source Sans Pro'; 238 | font-style: normal; 239 | font-weight: 300; 240 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 241 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2') format('woff2'); 242 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 243 | } 244 | 245 | /* greek-ext */ 246 | @font-face { 247 | font-family: 'Source Sans Pro'; 248 | font-style: normal; 249 | font-weight: 300; 250 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 251 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2') format('woff2'); 252 | unicode-range: U+1F00-1FFF; 253 | } 254 | 255 | /* greek */ 256 | @font-face { 257 | font-family: 'Source Sans Pro'; 258 | font-style: normal; 259 | font-weight: 300; 260 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 261 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2') format('woff2'); 262 | unicode-range: U+0370-03FF; 263 | } 264 | 265 | /* vietnamese */ 266 | @font-face { 267 | font-family: 'Source Sans Pro'; 268 | font-style: normal; 269 | font-weight: 300; 270 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 271 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2') format('woff2'); 272 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 273 | } 274 | 275 | /* latin-ext */ 276 | @font-face { 277 | font-family: 'Source Sans Pro'; 278 | font-style: normal; 279 | font-weight: 300; 280 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 281 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2') format('woff2'); 282 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 283 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 284 | } 285 | 286 | /* latin */ 287 | @font-face { 288 | font-family: 'Source Sans Pro'; 289 | font-style: normal; 290 | font-weight: 300; 291 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 292 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2') format('woff2'); 293 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 294 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 295 | U+2215, U+FEFF, U+FFFD; 296 | } 297 | 298 | /* cyrillic-ext */ 299 | @font-face { 300 | font-family: 'Source Sans Pro'; 301 | font-style: normal; 302 | font-weight: 400; 303 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 304 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2') format('woff2'); 305 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 306 | U+FE2E-FE2F; 307 | } 308 | 309 | /* cyrillic */ 310 | @font-face { 311 | font-family: 'Source Sans Pro'; 312 | font-style: normal; 313 | font-weight: 400; 314 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 315 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2') format('woff2'); 316 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 317 | } 318 | 319 | /* greek-ext */ 320 | @font-face { 321 | font-family: 'Source Sans Pro'; 322 | font-style: normal; 323 | font-weight: 400; 324 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 325 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2') format('woff2'); 326 | unicode-range: U+1F00-1FFF; 327 | } 328 | 329 | /* greek */ 330 | @font-face { 331 | font-family: 'Source Sans Pro'; 332 | font-style: normal; 333 | font-weight: 400; 334 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 335 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2') format('woff2'); 336 | unicode-range: U+0370-03FF; 337 | } 338 | 339 | /* vietnamese */ 340 | @font-face { 341 | font-family: 'Source Sans Pro'; 342 | font-style: normal; 343 | font-weight: 400; 344 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 345 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2') format('woff2'); 346 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 347 | } 348 | 349 | /* latin-ext */ 350 | @font-face { 351 | font-family: 'Source Sans Pro'; 352 | font-style: normal; 353 | font-weight: 400; 354 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 355 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2') format('woff2'); 356 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 357 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 358 | } 359 | 360 | /* latin */ 361 | @font-face { 362 | font-family: 'Source Sans Pro'; 363 | font-style: normal; 364 | font-weight: 400; 365 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 366 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2') format('woff2'); 367 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 368 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 369 | U+2215, U+FEFF, U+FFFD; 370 | } 371 | 372 | /* cyrillic-ext */ 373 | @font-face { 374 | font-family: 'Source Sans Pro'; 375 | font-style: normal; 376 | font-weight: 600; 377 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 378 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2') format('woff2'); 379 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 380 | U+FE2E-FE2F; 381 | } 382 | 383 | /* cyrillic */ 384 | @font-face { 385 | font-family: 'Source Sans Pro'; 386 | font-style: normal; 387 | font-weight: 600; 388 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 389 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2') format('woff2'); 390 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 391 | } 392 | 393 | /* greek-ext */ 394 | @font-face { 395 | font-family: 'Source Sans Pro'; 396 | font-style: normal; 397 | font-weight: 600; 398 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 399 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2') format('woff2'); 400 | unicode-range: U+1F00-1FFF; 401 | } 402 | 403 | /* greek */ 404 | @font-face { 405 | font-family: 'Source Sans Pro'; 406 | font-style: normal; 407 | font-weight: 600; 408 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 409 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2') format('woff2'); 410 | unicode-range: U+0370-03FF; 411 | } 412 | 413 | /* vietnamese */ 414 | @font-face { 415 | font-family: 'Source Sans Pro'; 416 | font-style: normal; 417 | font-weight: 600; 418 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 419 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2') format('woff2'); 420 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 421 | } 422 | 423 | /* latin-ext */ 424 | @font-face { 425 | font-family: 'Source Sans Pro'; 426 | font-style: normal; 427 | font-weight: 600; 428 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 429 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2') format('woff2'); 430 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 431 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 432 | } 433 | 434 | /* latin */ 435 | @font-face { 436 | font-family: 'Source Sans Pro'; 437 | font-style: normal; 438 | font-weight: 600; 439 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 440 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2') format('woff2'); 441 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 442 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 443 | U+2215, U+FEFF, U+FFFD; 444 | } 445 | 446 | html { 447 | font-size: 16px; 448 | } 449 | 450 | body { 451 | font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif !important; 452 | color: var(--fg-color); 453 | background-color: var(--bg-color); 454 | -webkit-font-smoothing: antialiased; 455 | line-height: 1.6rem; 456 | letter-spacing: 0; 457 | margin: 0; 458 | overflow-x: hidden; 459 | } 460 | 461 | #write { 462 | max-width: 860px; 463 | margin: 0 auto; 464 | padding: 20px 30px 40px 30px; 465 | padding-top: 20px; 466 | padding-bottom: 100px; 467 | } 468 | 469 | #write p { 470 | line-height: 1.6rem; 471 | word-spacing: 0.05rem; 472 | } 473 | 474 | #write ol li { 475 | padding-left: 0.5rem; 476 | } 477 | 478 | #write > ul:first-child, 479 | #write > ol:first-child { 480 | margin-top: 30px; 481 | } 482 | 483 | body > *:first-child { 484 | margin-top: 0 !important; 485 | } 486 | 487 | body > *:last-child { 488 | margin-bottom: 0 !important; 489 | } 490 | 491 | a { 492 | color: var(--theme-vim-gn); 493 | font-weight: 600; 494 | padding: 0px 2px; 495 | text-decoration: none; 496 | } 497 | 498 | h1, 499 | h2, 500 | h3, 501 | h4, 502 | h5, 503 | h6 { 504 | position: relative; 505 | margin-top: 1rem; 506 | margin-bottom: 1rem; 507 | font-weight: bold; 508 | line-height: 1.4; 509 | cursor: text; 510 | } 511 | 512 | h1:hover a.anchor, 513 | h2:hover a.anchor, 514 | h3:hover a.anchor, 515 | h4:hover a.anchor, 516 | h5:hover a.anchor, 517 | h6:hover a.anchor { 518 | text-decoration: none; 519 | } 520 | 521 | h1 tt, 522 | h1 code { 523 | font-size: inherit; 524 | } 525 | 526 | h2 tt, 527 | h2 code { 528 | font-size: inherit; 529 | } 530 | 531 | h3 tt, 532 | h3 code { 533 | font-size: inherit; 534 | } 535 | 536 | h4 tt, 537 | h4 code { 538 | font-size: inherit; 539 | } 540 | 541 | h5 tt, 542 | h5 code { 543 | font-size: inherit; 544 | } 545 | 546 | h6 tt, 547 | h6 code { 548 | font-size: inherit; 549 | } 550 | 551 | /* h2 a, 552 | h3 a { 553 | color: #34495e; 554 | } */ 555 | 556 | h3 a:before { 557 | content: '#'; 558 | /* color: #42b983; */ 559 | position: absolute; 560 | left: -0.7em; 561 | margin-top: -0.05em; 562 | padding-right: 0.5em; 563 | font-size: 1.2em; 564 | line-height: 1; 565 | font-weight: bold; 566 | } 567 | 568 | h1 { 569 | padding-bottom: 0.4rem; 570 | font-size: 2.2rem; 571 | line-height: 1.3; 572 | } 573 | 574 | h2 { 575 | font-size: 1.75rem; 576 | line-height: 1.225; 577 | margin: 35px 0px 15px 0px; 578 | padding-bottom: 0.5em; 579 | border-bottom: 2px solid hsl(0, 0%, 20%); 580 | } 581 | 582 | h3 { 583 | font-size: 1.4rem; 584 | line-height: 1.43; 585 | margin: 20px 0px 7px 0px; 586 | } 587 | 588 | h4 { 589 | font-size: 1.2rem; 590 | } 591 | 592 | h5 { 593 | font-size: 1rem; 594 | } 595 | 596 | h6 { 597 | font-size: 1rem; 598 | color: hsl(0, 0%, 53%); 599 | } 600 | 601 | p, 602 | blockquote, 603 | ul, 604 | ol, 605 | dl, 606 | table { 607 | margin: 0.8em 0; 608 | } 609 | 610 | li > ol, 611 | li > ul { 612 | margin: 0 0; 613 | } 614 | 615 | hr { 616 | height: 2px; 617 | padding: 0; 618 | margin: 16px 0; 619 | background-color: hsl(0, 0%, 18%); 620 | border: 0 none; 621 | overflow: hidden; 622 | box-sizing: content-box; 623 | } 624 | 625 | body > h2:first-child { 626 | margin-top: 0; 627 | padding-top: 0; 628 | } 629 | 630 | body > h1:first-child { 631 | margin-top: 0; 632 | padding-top: 0; 633 | } 634 | 635 | body > h1:first-child + h2 { 636 | margin-top: 0; 637 | padding-top: 0; 638 | } 639 | 640 | body > h3:first-child, 641 | body > h4:first-child, 642 | body > h5:first-child, 643 | body > h6:first-child { 644 | margin-top: 0; 645 | padding-top: 0; 646 | } 647 | 648 | a:first-child h1, 649 | a:first-child h2, 650 | a:first-child h3, 651 | a:first-child h4, 652 | a:first-child h5, 653 | a:first-child h6 { 654 | margin-top: 0; 655 | padding-top: 0; 656 | } 657 | 658 | h1 p, 659 | h2 p, 660 | h3 p, 661 | h4 p, 662 | h5 p, 663 | h6 p { 664 | margin-top: 0; 665 | } 666 | 667 | li p.first { 668 | display: inline-block; 669 | } 670 | 671 | ul, 672 | ol { 673 | padding-left: 30px; 674 | } 675 | 676 | ul:first-child, 677 | ol:first-child { 678 | margin-top: 0; 679 | } 680 | 681 | ul:last-child, 682 | ol:last-child { 683 | margin-bottom: 0; 684 | } 685 | 686 | blockquote { 687 | border-left: 4px solid #42b983; 688 | padding: 10px 0px 10px 15px; 689 | color: #fff; 690 | background-color: rgba(66, 185, 131, 0.1); 691 | } 692 | 693 | table { 694 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 695 | font-size: 0.85rem; 696 | padding: 0; 697 | word-break: initial; 698 | } 699 | 700 | table tr { 701 | border-top: 1px solid hsl(210, 10%, 11%); 702 | margin: 0; 703 | padding: 0; 704 | } 705 | 706 | table tr:nth-child(2n), 707 | thead { 708 | background-color: var(--table-bg); 709 | } 710 | 711 | table tr, 712 | thead { 713 | background-color: var(--table-bg-dim); 714 | } 715 | 716 | table tr th { 717 | font-weight: bold; 718 | /* border: 1px solid hsl(210, 10%, 11%); */ 719 | border: transparent; 720 | border-bottom: 0; 721 | text-align: left; 722 | margin: 0; 723 | padding: 6px 13px; 724 | } 725 | 726 | table tr td { 727 | border: 2px solid #1d1d1d; 728 | text-align: left; 729 | margin: 0; 730 | padding: 6px 13px; 731 | } 732 | 733 | table tr th:first-child, 734 | table tr td:first-child { 735 | margin-top: 0; 736 | } 737 | 738 | table tr th:last-child, 739 | table tr td:last-child { 740 | margin-bottom: 0; 741 | } 742 | 743 | #write strong { 744 | padding: 0px 1px 0 1px; 745 | } 746 | 747 | #write em { 748 | padding: 0px 5px 0 2px; 749 | } 750 | 751 | #write table thead th { 752 | /* background-color: hsl(0, 0%, 5%); */ 753 | background-color: hsl(0, 0%, 9%); 754 | } 755 | 756 | #write .CodeMirror-gutters { 757 | border-right: none; 758 | } 759 | 760 | #write .md-fences { 761 | border: 1px solid hsl(0, 0%, 11%); 762 | -webkit-font-smoothing: initial; 763 | margin: 0.8rem 0 !important; 764 | padding: 0.3rem 0rem !important; 765 | line-height: 1.43rem; 766 | color: hsl(0, 0%, 78%); 767 | background-color: var(--fence-bg) !important; 768 | border-radius: 2px; 769 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 770 | font-weight: bold; 771 | font-size: 0.85rem; 772 | word-wrap: normal; 773 | } 774 | 775 | #write .CodeMirror-wrap .CodeMirror-code pre { 776 | padding-left: 12px; 777 | } 778 | 779 | #write code, 780 | tt { 781 | margin: 0 2px; 782 | padding: 2px 4px; 783 | border-radius: 2px; 784 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 785 | font-weight: bold; 786 | font-size: 0.85rem; 787 | color: var(--theme-vim-yl); 788 | background-color: var(--bg-trans-d); 789 | } 790 | 791 | #write .md-footnote { 792 | color: var(--theme-vim-yl); 793 | background-color: var(--bg-trans-d); 794 | } 795 | 796 | /* heighlight. */ 797 | #write mark { 798 | background-color: #ebffeb; 799 | border-radius: 2px; 800 | padding: 2px 4px; 801 | margin: 0 2px; 802 | color: #222; 803 | font-weight: 500; 804 | } 805 | 806 | #write del { 807 | padding: 1px 2px; 808 | } 809 | 810 | .cm-s-inner .cm-link, 811 | .cm-s-inner.cm-link { 812 | color: var(--theme-vim-bl); 813 | } 814 | 815 | .cm-s-inner .cm-string { 816 | color: var(--theme-vim-bl); 817 | } 818 | 819 | .md-task-list-item > input { 820 | margin-left: -1.3em; 821 | } 822 | 823 | @media screen and (min-width: 914px) { 824 | /*body { 825 | width: 854px; 826 | margin: 0 auto; 827 | }*/ 828 | } 829 | 830 | @media print { 831 | html { 832 | font-size: 13px; 833 | } 834 | 835 | table, 836 | pre { 837 | page-break-inside: avoid; 838 | } 839 | 840 | pre { 841 | word-wrap: break-word; 842 | } 843 | } 844 | 845 | #write pre.md-meta-block { 846 | padding: 1rem; 847 | font-size: 85%; 848 | line-height: 1.45; 849 | background-color: hsl(0, 0%, 3%); 850 | border: 0; 851 | border-radius: 3px; 852 | color: hsl(0, 0%, 53%); 853 | margin-top: 0 !important; 854 | } 855 | 856 | .mathjax-block > .code-tooltip { 857 | bottom: 0.375rem; 858 | } 859 | 860 | #write > h3.md-focus:before { 861 | left: -1.5625rem; 862 | top: 0.375rem; 863 | } 864 | 865 | #write > h4.md-focus:before { 866 | left: -1.5625rem; 867 | top: 0.285714286rem; 868 | } 869 | 870 | #write > h5.md-focus:before { 871 | left: -1.5625rem; 872 | top: 0.285714286rem; 873 | } 874 | 875 | #write > h6.md-focus:before { 876 | left: -1.5625rem; 877 | top: 0.285714286rem; 878 | } 879 | 880 | .md-image > .md-meta { 881 | border-radius: 3px; 882 | font-family: Consolas, 'Liberation Mono', Courier, monospace; 883 | padding: 2px 0px 0px 4px; 884 | font-size: 0.9em; 885 | color: inherit; 886 | } 887 | 888 | .md-tag { 889 | color: inherit; 890 | } 891 | 892 | .md-toc { 893 | margin-top: 20px; 894 | padding-bottom: 20px; 895 | } 896 | 897 | .sidebar-tabs { 898 | border-bottom: none; 899 | } 900 | 901 | #typora-quick-open { 902 | border: 1px solid #ddd; 903 | background-color: #f8f8f8; 904 | } 905 | 906 | #typora-quick-open-item { 907 | background-color: hsl(0, 0%, 2%); 908 | border-color: hsl(0, 0%, 0%) hsl(0, 0%, 10%) hsl(0, 0%, 10%) hsl(0, 0%, 7%); 909 | border-style: solid; 910 | border-width: 1px; 911 | } 912 | 913 | #md-notification:before { 914 | top: 10px; 915 | } 916 | 917 | /** focus mode */ 918 | 919 | .on-focus-mode blockquote { 920 | border-left-color: rgba(85, 85, 85, 0.12); 921 | } 922 | 923 | header, 924 | .context-menu, 925 | .megamenu-content, 926 | footer { 927 | font-family: 'Segoe UI', 'Arial', sans-serif; 928 | } 929 | 930 | .file-node-content:hover .file-node-icon, 931 | .file-node-content:hover .file-node-open-state { 932 | visibility: visible; 933 | } 934 | 935 | .mac-seamless-mode #typora-sidebar { 936 | background-color: hsl(0, 0%, 2%); 937 | background-color: var(--side-bar-bg-color); 938 | } 939 | 940 | .md-lang { 941 | color: var(--theme-vim-gn); 942 | } 943 | 944 | .html-for-mac .context-menu { 945 | --item-hover-bg-color: hsl(215, 92%, 5%); 946 | } 947 | 948 | #typora-sidebar { 949 | /* font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; */ 950 | font-family: Helvetica, Arial !important; 951 | font-weight: bold; 952 | } 953 | 954 | .file-list-item-summary { 955 | font-family: Helvetica, Arial !important; 956 | font-weight: 400; 957 | } 958 | 959 | .file-list-item { 960 | border-bottom: 0.15rem solid hsl(0, 0%, 18%); 961 | } 962 | 963 | .file-list-item.active { 964 | background: hsl(0, 0%, 15%) !important; 965 | } 966 | 967 | .file-node-background { 968 | height: 29px; 969 | } 970 | 971 | #toc-dropmenu { 972 | background: hsl(0, 0%, 18%) !important; 973 | /* font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; */ 974 | font-weight: bold; 975 | } 976 | 977 | #toc-content { 978 | margin-top: 1rem; 979 | margin-bottom: 1rem; 980 | } 981 | 982 | #toc-content a:hover { 983 | text-decoration: none; 984 | } 985 | 986 | .outline-item { 987 | /* transition: color 150ms, background-color 150ms; */ 988 | transition: color 150ms; 989 | } 990 | 991 | .outline-item:hover { 992 | background-color: rgba(0, 0, 0, 0.5); 993 | color: var(--theme-vim-gn); 994 | } 995 | 996 | .sidebar-footer { 997 | border-top: 2px solid hsl(0, 0%, 15%) !important; 998 | } 999 | 1000 | .footer-item:hover, 1001 | .sidebar-footer-item:hover { 1002 | background-color: rgba(0, 0, 0, 0.5) !important; 1003 | } 1004 | 1005 | .file-tree-node.active > .file-node-background { 1006 | background-color: hsl(0, 0%, 15%) !important; 1007 | } 1008 | 1009 | .file-node-content:hover { 1010 | color: #fff; 1011 | } 1012 | 1013 | html { 1014 | background: #1f1f1f !important; 1015 | } 1016 | 1017 | .outline-title-wrapper { 1018 | display: none; 1019 | } 1020 | 1021 | .dropdown-menu .divider { 1022 | display: none; 1023 | height: 2px; 1024 | background-color: hsl(0, 0%, 13%); 1025 | } 1026 | 1027 | .dropdown-menu > li > a { 1028 | color: #fff; 1029 | } 1030 | 1031 | .autoComplt-hint { 1032 | color: var(--theme-vim-gn) !important; 1033 | /* border-color: transparent !important */ 1034 | } 1035 | 1036 | .auto-suggest-container { 1037 | color: var(--theme-vim-gn) !important; 1038 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 1039 | font-weight: bold !important; 1040 | border-color: var(--theme-vim-gn) !important; 1041 | border-radius: 8px !important; 1042 | border-width: 2px !important; 1043 | margin-top: 5px; 1044 | overflow: hidden !important; 1045 | box-shadow: 0 0 1rem hsla(153, 47%, 49%, 0.3); 1046 | } 1047 | 1048 | /* .auto-suggest-container li { */ 1049 | /* transition: all 150ms; */ 1050 | /* text-align: center !important; */ 1051 | /* } */ 1052 | 1053 | .auto-suggest-container li:hover { 1054 | color: #fff !important; 1055 | background-color: var(--theme-vim-gn) !important; 1056 | /* text-align: right !important; */ 1057 | } 1058 | 1059 | /* windows */ 1060 | /* .modal-dialog { */ 1061 | /* color: #000; */ 1062 | /* } */ 1063 | 1064 | .typora-sourceview-on #toggle-sourceview-btn { 1065 | background-color: var(--theme-vim-gn); 1066 | } 1067 | 1068 | /* cursor */ 1069 | .CodeMirror.cm-s-typora-default div.CodeMirror-cursor { 1070 | border-left: 5px solid var(--theme-vim-gn); 1071 | } 1072 | 1073 | .CodeMirror div.CodeMirror-cursor { 1074 | border-left: 5px solid var(--theme-vim-gn); 1075 | z-index: 3; 1076 | } 1077 | 1078 | .form-control { 1079 | background-color: var(--bg-trans-d); 1080 | border-color: var(--bg-color); 1081 | } 1082 | 1083 | .modal-header, 1084 | .modal-footer { 1085 | border-color: var(--bg-trans-l); 1086 | border-width: 2px; 1087 | } 1088 | 1089 | .btn:hover { 1090 | background-color: var(--theme-vim-gn); 1091 | } 1092 | 1093 | .md-rawblock-on-edit > .md-rawblock-tooltip, 1094 | .md-rawblock:hover > .md-rawblock-container, 1095 | .md-rawblock:hover > .md-rawblock-tooltip { 1096 | transition: background 0.5s linear; 1097 | background-color: var(--fence-bg) !important; 1098 | display: block; 1099 | } 1100 | 1101 | .md-rawblock-control:not(.md-rawblock-tooltip) { 1102 | background-color: var(--fence-bg) !important; 1103 | } 1104 | 1105 | /* windows */ 1106 | 1107 | :root { 1108 | --text-color: var(--fg-color); 1109 | --btn-border-color: hsla(0, 0%, 100%, 0.1); 1110 | --item-hover-bg-color: var(--select-text-bg-color); 1111 | } 1112 | 1113 | .megamenu-menu-header { 1114 | border-color: var(--btn-border-color); 1115 | } 1116 | 1117 | .megamenu-opened header { 1118 | background-image: none; 1119 | } 1120 | 1121 | .megamenu-menu { 1122 | background-color: var(--side-bar-bg-color); 1123 | } 1124 | 1125 | .megamenu-content { 1126 | background: var(--bg-color); 1127 | } 1128 | 1129 | .modal-content { 1130 | border-color: var(--btn-border-color); 1131 | } 1132 | 1133 | .long-btn { 1134 | border-color: var(--btn-border-color); 1135 | } 1136 | 1137 | #recent-file-panel tbody tr:nth-child(2n-1) { 1138 | background-color: transparent; 1139 | } 1140 | 1141 | footer.ty-footer { 1142 | border-top: 1px solid var(--table-bg); 1143 | } 1144 | 1145 | #recent-file-panel-action-btn { 1146 | background-color: transparent; 1147 | } 1148 | 1149 | /* improvement */ 1150 | 1151 | .dropdown-menu { 1152 | box-shadow: 0 0 0 0 transparent; 1153 | -webkit-box-shadow: 0 0 0 0 transparent; 1154 | } 1155 | 1156 | p, 1157 | blockquote, 1158 | ul, 1159 | ol, 1160 | dl, 1161 | table { 1162 | margin: 0.4em 0; 1163 | /* margin: 0.8rem 0 0 0 ; */ 1164 | } 1165 | :root { 1166 | --code-theme-rd: #ec5f67; 1167 | --code-theme-or: #f99157; 1168 | --code-theme-yl: #fac863; 1169 | --code-theme-gn: #99c794; 1170 | --code-theme-cy: #5fb3b3; 1171 | --code-theme-bl: #6699cc; 1172 | --code-theme-vt: #c594c5; 1173 | --code-theme-bn: #ab7967; 1174 | --code-theme-wt: #d8dee9; 1175 | --code-theme-rd-br: #fc929e; 1176 | --code-theme-or-br: #ff8b50; 1177 | --code-theme-yl-br: #f8b94e; 1178 | --code-theme-gn-br: #8ec089; 1179 | --code-theme-cy-br: #88c6be; 1180 | --code-theme-bl-br: #79b6f2; 1181 | --code-theme-vt-br: #c5a5c5; 1182 | --code-theme-bn-br: #5b5b5b; 1183 | --code-theme-wt-br: #e4e8f0; 1184 | --code-theme-gy: #b2b2b2; 1185 | } 1186 | 1187 | #write .md-fences { 1188 | color: #efefef !important; 1189 | } 1190 | 1191 | /* code color */ 1192 | .cm-s-inner .cm-keyword { 1193 | color: var(--code-theme-vt-br); 1194 | } 1195 | 1196 | .cm-s-inner .cm-atom, 1197 | .cm-s-inner.cm-atom { 1198 | color: var(--code-theme-or); 1199 | } 1200 | 1201 | .cm-s-inner .cm-number { 1202 | color: var(--code-theme-rd-br); 1203 | } 1204 | 1205 | .cm-s-inner .cm-def { 1206 | color: var(--code-theme-bl-br); 1207 | } 1208 | 1209 | .cm-s-inner .cm-variable { 1210 | color: #ffffff; 1211 | } 1212 | 1213 | .cm-s-inner .cm-variable-2 { 1214 | color: var(--code-theme-vt-br); 1215 | } 1216 | 1217 | .cm-s-inner .cm-variable-3 { 1218 | color: #ffffff; 1219 | } 1220 | 1221 | .cm-s-inner .cm-string { 1222 | color: var(--code-theme-gn); 1223 | } 1224 | 1225 | .cm-s-inner .cm-property { 1226 | color: var(--code-theme-yl); 1227 | } 1228 | 1229 | .cm-s-inner .cm-operator { 1230 | color: var(--code-theme-wt); 1231 | } 1232 | 1233 | .cm-s-inner .cm-comment, 1234 | .cm-s-inner.cm-comment { 1235 | color: var(--code-theme-gy); 1236 | } 1237 | 1238 | .cm-s-inner .cm-string-2 { 1239 | color: var(--code-theme-or); 1240 | } 1241 | 1242 | .cm-s-inner .cm-meta { 1243 | color: var(--code-theme-vt-br); 1244 | } 1245 | 1246 | .cm-s-inner .cm-qualifier { 1247 | color: var(--code-theme-vt-br); 1248 | } 1249 | 1250 | .cm-s-inner .cm-builtin { 1251 | color: var(--code-theme-or); 1252 | } 1253 | 1254 | .cm-s-inner .cm-bracket { 1255 | color: var(--code-theme-cy-br); 1256 | } 1257 | 1258 | .cm-s-inner .cm-tag { 1259 | color: var(--code-theme-rd-br); 1260 | } 1261 | 1262 | .cm-s-inner .cm-attribute { 1263 | color: var(--code-theme-vt-br); 1264 | } 1265 | 1266 | .cm-s-inner .cm-header, 1267 | .cm-s-inner.cm-header { 1268 | color: var(--code-theme-vt-br); 1269 | } 1270 | 1271 | .cm-s-inner .cm-quote, 1272 | .cm-s-inner.cm-quote { 1273 | color: #7fcc7f; 1274 | } 1275 | 1276 | .cm-s-inner .cm-hr, 1277 | .cm-s-inner.cm-hr { 1278 | color: hsl(0, 0%, 60%); 1279 | } 1280 | 1281 | .cm-s-inner .cm-link, 1282 | .cm-s-inner.cm-link { 1283 | color: var(--code-theme-or-br); 1284 | } 1285 | 1286 | .cm-negative { 1287 | color: var(--code-theme-rd-br); 1288 | } 1289 | 1290 | .cm-positive { 1291 | color: var(--code-theme-gn-br); 1292 | } 1293 | 1294 | .cm-header, 1295 | .cm-strong { 1296 | font-weight: 700; 1297 | } 1298 | 1299 | .cm-error { 1300 | color: #ff7f7f; 1301 | } 1302 | 1303 | .cm-invalidchar { 1304 | color: #ff7f7f; 1305 | } 1306 | 1307 | .cm-constant { 1308 | color: #42b983; 1309 | } 1310 | 1311 | .cm-defined { 1312 | color: #dac37f; 1313 | } 1314 | 1315 | div.CodeMirror span.CodeMirror-matchingbracket { 1316 | color: #7fff7f; 1317 | } 1318 | 1319 | div.CodeMirror span.CodeMirror-nonmatchingbracket { 1320 | color: #ff9090; 1321 | } 1322 | -------------------------------------------------------------------------------- /vue-dark-snappy.css: -------------------------------------------------------------------------------- 1 | /* code color */ 2 | .cm-s-inner .cm-keyword { 3 | color: #bb7fc3; 4 | } 5 | 6 | .cm-s-inner .cm-atom, 7 | .cm-s-inner.cm-atom { 8 | color: #9088cc; 9 | } 10 | 11 | .cm-s-inner .cm-number { 12 | color: #88b2a1; 13 | } 14 | 15 | .cm-s-inner .cm-def { 16 | color: #7f7fff; 17 | } 18 | 19 | .cm-s-inner .cm-variable { 20 | color: #efefef; 21 | } 22 | 23 | .cm-s-inner .cm-variable-2 { 24 | color: #7faad4; 25 | } 26 | 27 | .cm-s-inner .cm-variable-3 { 28 | color: #7fc3aa; 29 | } 30 | 31 | .cm-s-inner .cm-string { 32 | color: #d48888; 33 | } 34 | 35 | .cm-s-inner .cm-property { 36 | color: #efefef; 37 | } 38 | 39 | .cm-s-inner .cm-operator { 40 | color: #cb8c8c; 41 | } 42 | 43 | .cm-s-inner .cm-comment, 44 | .cm-s-inner.cm-comment { 45 | color: hsl(0, 0%, 35%); 46 | } 47 | 48 | .cm-s-inner .cm-string-2 { 49 | color: #ffaa7f; 50 | } 51 | 52 | .cm-s-inner .cm-meta { 53 | color: hsl(0, 0%, 33%); 54 | } 55 | 56 | .cm-s-inner .cm-qualifier { 57 | color: hsl(0, 0%, 33%); 58 | } 59 | 60 | .cm-s-inner .cm-builtin { 61 | color: #997fd4; 62 | } 63 | 64 | .cm-s-inner .cm-bracket { 65 | color: #ccccbb; 66 | } 67 | 68 | .cm-s-inner .cm-tag { 69 | color: #88bb7f; 70 | } 71 | 72 | .cm-s-inner .cm-attribute { 73 | color: #7f7fe5; 74 | } 75 | 76 | .cm-s-inner .cm-header, 77 | .cm-s-inner.cm-header { 78 | color: #7f7fff; 79 | } 80 | 81 | .cm-s-inner .cm-quote, 82 | .cm-s-inner.cm-quote { 83 | color: #7fcc7f; 84 | } 85 | 86 | .cm-s-inner .cm-hr, 87 | .cm-s-inner.cm-hr { 88 | color: hsl(0, 0%, 60%); 89 | } 90 | 91 | .cm-s-inner .cm-link, 92 | .cm-s-inner.cm-link { 93 | color: #7f7fe5; 94 | } 95 | 96 | .cm-negative { 97 | color: #eea1a1; 98 | } 99 | 100 | .cm-positive { 101 | color: #90cc90; 102 | } 103 | 104 | .cm-header, 105 | .cm-strong { 106 | font-weight: 700; 107 | } 108 | 109 | .cm-error { 110 | color: #ff7f7f; 111 | } 112 | 113 | .cm-invalidchar { 114 | color: #ff7f7f; 115 | } 116 | 117 | .cm-constant { 118 | color: #42b983; 119 | } 120 | 121 | .cm-defined { 122 | color: #dac37f; 123 | } 124 | 125 | div.CodeMirror span.CodeMirror-matchingbracket { 126 | color: #7fff7f; 127 | } 128 | 129 | div.CodeMirror span.CodeMirror-nonmatchingbracket { 130 | color: #ff9090; 131 | } 132 | :root { 133 | --fg-color: #ffffff; 134 | --bg-color: #1f1f1f; 135 | --bg-trans-d: hsla(0, 0%, 0%, 20%); 136 | --bg-trans-l: hsla(0, 0%, 100%, 10%); 137 | --theme-vim-yl: #f3b37f; 138 | --theme-vim-gn: #41b883; 139 | --theme-vim-bl: #22a2c9; 140 | --table-bg: hsla(0, 0%, 100%, 6%); 141 | --table-bg-dim: hsla(0, 0%, 100%, 2%); 142 | --side-bar-bg-color: #343333; 143 | --control-text-color: #0e0808; 144 | --select-text-bg-color: hsl(153, 47%, 40%); 145 | --select-text-font-color: #fff; 146 | --item-hover-bg-color: #fff; 147 | --fence-bg: hsl(0, 0%, 10%); 148 | } 149 | 150 | /* cyrillic-ext */ 151 | @font-face { 152 | font-family: 'Roboto Mono'; 153 | font-style: normal; 154 | font-weight: 400; 155 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 156 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2') format('woff2'); 157 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 158 | U+FE2E-FE2F; 159 | } 160 | 161 | /* cyrillic */ 162 | @font-face { 163 | font-family: 'Roboto Mono'; 164 | font-style: normal; 165 | font-weight: 400; 166 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 167 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2') format('woff2'); 168 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 169 | } 170 | 171 | /* greek-ext */ 172 | @font-face { 173 | font-family: 'Roboto Mono'; 174 | font-style: normal; 175 | font-weight: 400; 176 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 177 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2') format('woff2'); 178 | unicode-range: U+1F00-1FFF; 179 | } 180 | 181 | /* greek */ 182 | @font-face { 183 | font-family: 'Roboto Mono'; 184 | font-style: normal; 185 | font-weight: 400; 186 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 187 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2') format('woff2'); 188 | unicode-range: U+0370-03FF; 189 | } 190 | 191 | /* vietnamese */ 192 | @font-face { 193 | font-family: 'Roboto Mono'; 194 | font-style: normal; 195 | font-weight: 400; 196 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 197 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2') format('woff2'); 198 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 199 | } 200 | 201 | /* latin-ext */ 202 | @font-face { 203 | font-family: 'Roboto Mono'; 204 | font-style: normal; 205 | font-weight: 400; 206 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 207 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2') format('woff2'); 208 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 209 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 210 | } 211 | 212 | /* latin */ 213 | @font-face { 214 | font-family: 'Roboto Mono'; 215 | font-style: normal; 216 | font-weight: 400; 217 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 218 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2') format('woff2'); 219 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 220 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 221 | U+2215, U+FEFF, U+FFFD; 222 | } 223 | 224 | /* cyrillic-ext */ 225 | @font-face { 226 | font-family: 'Source Sans Pro'; 227 | font-style: normal; 228 | font-weight: 300; 229 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 230 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2') format('woff2'); 231 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 232 | U+FE2E-FE2F; 233 | } 234 | 235 | /* cyrillic */ 236 | @font-face { 237 | font-family: 'Source Sans Pro'; 238 | font-style: normal; 239 | font-weight: 300; 240 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 241 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2') format('woff2'); 242 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 243 | } 244 | 245 | /* greek-ext */ 246 | @font-face { 247 | font-family: 'Source Sans Pro'; 248 | font-style: normal; 249 | font-weight: 300; 250 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 251 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2') format('woff2'); 252 | unicode-range: U+1F00-1FFF; 253 | } 254 | 255 | /* greek */ 256 | @font-face { 257 | font-family: 'Source Sans Pro'; 258 | font-style: normal; 259 | font-weight: 300; 260 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 261 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2') format('woff2'); 262 | unicode-range: U+0370-03FF; 263 | } 264 | 265 | /* vietnamese */ 266 | @font-face { 267 | font-family: 'Source Sans Pro'; 268 | font-style: normal; 269 | font-weight: 300; 270 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 271 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2') format('woff2'); 272 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 273 | } 274 | 275 | /* latin-ext */ 276 | @font-face { 277 | font-family: 'Source Sans Pro'; 278 | font-style: normal; 279 | font-weight: 300; 280 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 281 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2') format('woff2'); 282 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 283 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 284 | } 285 | 286 | /* latin */ 287 | @font-face { 288 | font-family: 'Source Sans Pro'; 289 | font-style: normal; 290 | font-weight: 300; 291 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 292 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2') format('woff2'); 293 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 294 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 295 | U+2215, U+FEFF, U+FFFD; 296 | } 297 | 298 | /* cyrillic-ext */ 299 | @font-face { 300 | font-family: 'Source Sans Pro'; 301 | font-style: normal; 302 | font-weight: 400; 303 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 304 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2') format('woff2'); 305 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 306 | U+FE2E-FE2F; 307 | } 308 | 309 | /* cyrillic */ 310 | @font-face { 311 | font-family: 'Source Sans Pro'; 312 | font-style: normal; 313 | font-weight: 400; 314 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 315 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2') format('woff2'); 316 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 317 | } 318 | 319 | /* greek-ext */ 320 | @font-face { 321 | font-family: 'Source Sans Pro'; 322 | font-style: normal; 323 | font-weight: 400; 324 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 325 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2') format('woff2'); 326 | unicode-range: U+1F00-1FFF; 327 | } 328 | 329 | /* greek */ 330 | @font-face { 331 | font-family: 'Source Sans Pro'; 332 | font-style: normal; 333 | font-weight: 400; 334 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 335 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2') format('woff2'); 336 | unicode-range: U+0370-03FF; 337 | } 338 | 339 | /* vietnamese */ 340 | @font-face { 341 | font-family: 'Source Sans Pro'; 342 | font-style: normal; 343 | font-weight: 400; 344 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 345 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2') format('woff2'); 346 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 347 | } 348 | 349 | /* latin-ext */ 350 | @font-face { 351 | font-family: 'Source Sans Pro'; 352 | font-style: normal; 353 | font-weight: 400; 354 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 355 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2') format('woff2'); 356 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 357 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 358 | } 359 | 360 | /* latin */ 361 | @font-face { 362 | font-family: 'Source Sans Pro'; 363 | font-style: normal; 364 | font-weight: 400; 365 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 366 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2') format('woff2'); 367 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 368 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 369 | U+2215, U+FEFF, U+FFFD; 370 | } 371 | 372 | /* cyrillic-ext */ 373 | @font-face { 374 | font-family: 'Source Sans Pro'; 375 | font-style: normal; 376 | font-weight: 600; 377 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 378 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2') format('woff2'); 379 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 380 | U+FE2E-FE2F; 381 | } 382 | 383 | /* cyrillic */ 384 | @font-face { 385 | font-family: 'Source Sans Pro'; 386 | font-style: normal; 387 | font-weight: 600; 388 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 389 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2') format('woff2'); 390 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 391 | } 392 | 393 | /* greek-ext */ 394 | @font-face { 395 | font-family: 'Source Sans Pro'; 396 | font-style: normal; 397 | font-weight: 600; 398 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 399 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2') format('woff2'); 400 | unicode-range: U+1F00-1FFF; 401 | } 402 | 403 | /* greek */ 404 | @font-face { 405 | font-family: 'Source Sans Pro'; 406 | font-style: normal; 407 | font-weight: 600; 408 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 409 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2') format('woff2'); 410 | unicode-range: U+0370-03FF; 411 | } 412 | 413 | /* vietnamese */ 414 | @font-face { 415 | font-family: 'Source Sans Pro'; 416 | font-style: normal; 417 | font-weight: 600; 418 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 419 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2') format('woff2'); 420 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 421 | } 422 | 423 | /* latin-ext */ 424 | @font-face { 425 | font-family: 'Source Sans Pro'; 426 | font-style: normal; 427 | font-weight: 600; 428 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 429 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2') format('woff2'); 430 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 431 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 432 | } 433 | 434 | /* latin */ 435 | @font-face { 436 | font-family: 'Source Sans Pro'; 437 | font-style: normal; 438 | font-weight: 600; 439 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 440 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2') format('woff2'); 441 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 442 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 443 | U+2215, U+FEFF, U+FFFD; 444 | } 445 | 446 | html { 447 | font-size: 16px; 448 | } 449 | 450 | body { 451 | font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif !important; 452 | color: var(--fg-color); 453 | background-color: var(--bg-color); 454 | -webkit-font-smoothing: antialiased; 455 | line-height: 1.6rem; 456 | letter-spacing: 0; 457 | margin: 0; 458 | overflow-x: hidden; 459 | } 460 | 461 | #write { 462 | max-width: 860px; 463 | margin: 0 auto; 464 | padding: 20px 30px 40px 30px; 465 | padding-top: 20px; 466 | padding-bottom: 100px; 467 | } 468 | 469 | #write p { 470 | line-height: 1.6rem; 471 | word-spacing: 0.05rem; 472 | } 473 | 474 | #write ol li { 475 | padding-left: 0.5rem; 476 | } 477 | 478 | #write > ul:first-child, 479 | #write > ol:first-child { 480 | margin-top: 30px; 481 | } 482 | 483 | body > *:first-child { 484 | margin-top: 0 !important; 485 | } 486 | 487 | body > *:last-child { 488 | margin-bottom: 0 !important; 489 | } 490 | 491 | a { 492 | color: var(--theme-vim-gn); 493 | font-weight: 600; 494 | padding: 0px 2px; 495 | text-decoration: none; 496 | } 497 | 498 | h1, 499 | h2, 500 | h3, 501 | h4, 502 | h5, 503 | h6 { 504 | position: relative; 505 | margin-top: 1rem; 506 | margin-bottom: 1rem; 507 | font-weight: bold; 508 | line-height: 1.4; 509 | cursor: text; 510 | } 511 | 512 | h1:hover a.anchor, 513 | h2:hover a.anchor, 514 | h3:hover a.anchor, 515 | h4:hover a.anchor, 516 | h5:hover a.anchor, 517 | h6:hover a.anchor { 518 | text-decoration: none; 519 | } 520 | 521 | h1 tt, 522 | h1 code { 523 | font-size: inherit; 524 | } 525 | 526 | h2 tt, 527 | h2 code { 528 | font-size: inherit; 529 | } 530 | 531 | h3 tt, 532 | h3 code { 533 | font-size: inherit; 534 | } 535 | 536 | h4 tt, 537 | h4 code { 538 | font-size: inherit; 539 | } 540 | 541 | h5 tt, 542 | h5 code { 543 | font-size: inherit; 544 | } 545 | 546 | h6 tt, 547 | h6 code { 548 | font-size: inherit; 549 | } 550 | 551 | /* h2 a, 552 | h3 a { 553 | color: #34495e; 554 | } */ 555 | 556 | h3 a:before { 557 | content: '#'; 558 | /* color: #42b983; */ 559 | position: absolute; 560 | left: -0.7em; 561 | margin-top: -0.05em; 562 | padding-right: 0.5em; 563 | font-size: 1.2em; 564 | line-height: 1; 565 | font-weight: bold; 566 | } 567 | 568 | h1 { 569 | padding-bottom: 0.4rem; 570 | font-size: 2.2rem; 571 | line-height: 1.3; 572 | } 573 | 574 | h2 { 575 | font-size: 1.75rem; 576 | line-height: 1.225; 577 | margin: 35px 0px 15px 0px; 578 | padding-bottom: 0.5em; 579 | border-bottom: 2px solid hsl(0, 0%, 20%); 580 | } 581 | 582 | h3 { 583 | font-size: 1.4rem; 584 | line-height: 1.43; 585 | margin: 20px 0px 7px 0px; 586 | } 587 | 588 | h4 { 589 | font-size: 1.2rem; 590 | } 591 | 592 | h5 { 593 | font-size: 1rem; 594 | } 595 | 596 | h6 { 597 | font-size: 1rem; 598 | color: hsl(0, 0%, 53%); 599 | } 600 | 601 | p, 602 | blockquote, 603 | ul, 604 | ol, 605 | dl, 606 | table { 607 | margin: 0.8em 0; 608 | } 609 | 610 | li > ol, 611 | li > ul { 612 | margin: 0 0; 613 | } 614 | 615 | hr { 616 | height: 2px; 617 | padding: 0; 618 | margin: 16px 0; 619 | background-color: hsl(0, 0%, 18%); 620 | border: 0 none; 621 | overflow: hidden; 622 | box-sizing: content-box; 623 | } 624 | 625 | body > h2:first-child { 626 | margin-top: 0; 627 | padding-top: 0; 628 | } 629 | 630 | body > h1:first-child { 631 | margin-top: 0; 632 | padding-top: 0; 633 | } 634 | 635 | body > h1:first-child + h2 { 636 | margin-top: 0; 637 | padding-top: 0; 638 | } 639 | 640 | body > h3:first-child, 641 | body > h4:first-child, 642 | body > h5:first-child, 643 | body > h6:first-child { 644 | margin-top: 0; 645 | padding-top: 0; 646 | } 647 | 648 | a:first-child h1, 649 | a:first-child h2, 650 | a:first-child h3, 651 | a:first-child h4, 652 | a:first-child h5, 653 | a:first-child h6 { 654 | margin-top: 0; 655 | padding-top: 0; 656 | } 657 | 658 | h1 p, 659 | h2 p, 660 | h3 p, 661 | h4 p, 662 | h5 p, 663 | h6 p { 664 | margin-top: 0; 665 | } 666 | 667 | li p.first { 668 | display: inline-block; 669 | } 670 | 671 | ul, 672 | ol { 673 | padding-left: 30px; 674 | } 675 | 676 | ul:first-child, 677 | ol:first-child { 678 | margin-top: 0; 679 | } 680 | 681 | ul:last-child, 682 | ol:last-child { 683 | margin-bottom: 0; 684 | } 685 | 686 | blockquote { 687 | border-left: 4px solid #42b983; 688 | padding: 10px 0px 10px 15px; 689 | color: #fff; 690 | background-color: rgba(66, 185, 131, 0.1); 691 | } 692 | 693 | table { 694 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 695 | font-size: 0.85rem; 696 | padding: 0; 697 | word-break: initial; 698 | } 699 | 700 | table tr { 701 | border-top: 1px solid hsl(210, 10%, 11%); 702 | margin: 0; 703 | padding: 0; 704 | } 705 | 706 | table tr:nth-child(2n), 707 | thead { 708 | background-color: var(--table-bg); 709 | } 710 | 711 | table tr, 712 | thead { 713 | background-color: var(--table-bg-dim); 714 | } 715 | 716 | table tr th { 717 | font-weight: bold; 718 | /* border: 1px solid hsl(210, 10%, 11%); */ 719 | border: transparent; 720 | border-bottom: 0; 721 | text-align: left; 722 | margin: 0; 723 | padding: 6px 13px; 724 | } 725 | 726 | table tr td { 727 | border: 2px solid #1d1d1d; 728 | text-align: left; 729 | margin: 0; 730 | padding: 6px 13px; 731 | } 732 | 733 | table tr th:first-child, 734 | table tr td:first-child { 735 | margin-top: 0; 736 | } 737 | 738 | table tr th:last-child, 739 | table tr td:last-child { 740 | margin-bottom: 0; 741 | } 742 | 743 | #write strong { 744 | padding: 0px 1px 0 1px; 745 | } 746 | 747 | #write em { 748 | padding: 0px 5px 0 2px; 749 | } 750 | 751 | #write table thead th { 752 | /* background-color: hsl(0, 0%, 5%); */ 753 | background-color: hsl(0, 0%, 9%); 754 | } 755 | 756 | #write .CodeMirror-gutters { 757 | border-right: none; 758 | } 759 | 760 | #write .md-fences { 761 | border: 1px solid hsl(0, 0%, 11%); 762 | -webkit-font-smoothing: initial; 763 | margin: 0.8rem 0 !important; 764 | padding: 0.3rem 0rem !important; 765 | line-height: 1.43rem; 766 | color: hsl(0, 0%, 78%); 767 | background-color: var(--fence-bg) !important; 768 | border-radius: 2px; 769 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 770 | font-weight: bold; 771 | font-size: 0.85rem; 772 | word-wrap: normal; 773 | } 774 | 775 | #write .CodeMirror-wrap .CodeMirror-code pre { 776 | padding-left: 12px; 777 | } 778 | 779 | #write code, 780 | tt { 781 | margin: 0 2px; 782 | padding: 2px 4px; 783 | border-radius: 2px; 784 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 785 | font-weight: bold; 786 | font-size: 0.85rem; 787 | color: var(--theme-vim-yl); 788 | background-color: var(--bg-trans-d); 789 | } 790 | 791 | #write .md-footnote { 792 | color: var(--theme-vim-yl); 793 | background-color: var(--bg-trans-d); 794 | } 795 | 796 | /* heighlight. */ 797 | #write mark { 798 | background-color: #ebffeb; 799 | border-radius: 2px; 800 | padding: 2px 4px; 801 | margin: 0 2px; 802 | color: #222; 803 | font-weight: 500; 804 | } 805 | 806 | #write del { 807 | padding: 1px 2px; 808 | } 809 | 810 | .cm-s-inner .cm-link, 811 | .cm-s-inner.cm-link { 812 | color: var(--theme-vim-bl); 813 | } 814 | 815 | .cm-s-inner .cm-string { 816 | color: var(--theme-vim-bl); 817 | } 818 | 819 | .md-task-list-item > input { 820 | margin-left: -1.3em; 821 | } 822 | 823 | @media screen and (min-width: 914px) { 824 | /*body { 825 | width: 854px; 826 | margin: 0 auto; 827 | }*/ 828 | } 829 | 830 | @media print { 831 | html { 832 | font-size: 13px; 833 | } 834 | 835 | table, 836 | pre { 837 | page-break-inside: avoid; 838 | } 839 | 840 | pre { 841 | word-wrap: break-word; 842 | } 843 | } 844 | 845 | #write pre.md-meta-block { 846 | padding: 1rem; 847 | font-size: 85%; 848 | line-height: 1.45; 849 | background-color: hsl(0, 0%, 3%); 850 | border: 0; 851 | border-radius: 3px; 852 | color: hsl(0, 0%, 53%); 853 | margin-top: 0 !important; 854 | } 855 | 856 | .mathjax-block > .code-tooltip { 857 | bottom: 0.375rem; 858 | } 859 | 860 | #write > h3.md-focus:before { 861 | left: -1.5625rem; 862 | top: 0.375rem; 863 | } 864 | 865 | #write > h4.md-focus:before { 866 | left: -1.5625rem; 867 | top: 0.285714286rem; 868 | } 869 | 870 | #write > h5.md-focus:before { 871 | left: -1.5625rem; 872 | top: 0.285714286rem; 873 | } 874 | 875 | #write > h6.md-focus:before { 876 | left: -1.5625rem; 877 | top: 0.285714286rem; 878 | } 879 | 880 | .md-image > .md-meta { 881 | border-radius: 3px; 882 | font-family: Consolas, 'Liberation Mono', Courier, monospace; 883 | padding: 2px 0px 0px 4px; 884 | font-size: 0.9em; 885 | color: inherit; 886 | } 887 | 888 | .md-tag { 889 | color: inherit; 890 | } 891 | 892 | .md-toc { 893 | margin-top: 20px; 894 | padding-bottom: 20px; 895 | } 896 | 897 | .sidebar-tabs { 898 | border-bottom: none; 899 | } 900 | 901 | #typora-quick-open { 902 | border: 1px solid #ddd; 903 | background-color: #f8f8f8; 904 | } 905 | 906 | #typora-quick-open-item { 907 | background-color: hsl(0, 0%, 2%); 908 | border-color: hsl(0, 0%, 0%) hsl(0, 0%, 10%) hsl(0, 0%, 10%) hsl(0, 0%, 7%); 909 | border-style: solid; 910 | border-width: 1px; 911 | } 912 | 913 | #md-notification:before { 914 | top: 10px; 915 | } 916 | 917 | /** focus mode */ 918 | 919 | .on-focus-mode blockquote { 920 | border-left-color: rgba(85, 85, 85, 0.12); 921 | } 922 | 923 | header, 924 | .context-menu, 925 | .megamenu-content, 926 | footer { 927 | font-family: 'Segoe UI', 'Arial', sans-serif; 928 | } 929 | 930 | .file-node-content:hover .file-node-icon, 931 | .file-node-content:hover .file-node-open-state { 932 | visibility: visible; 933 | } 934 | 935 | .mac-seamless-mode #typora-sidebar { 936 | background-color: hsl(0, 0%, 2%); 937 | background-color: var(--side-bar-bg-color); 938 | } 939 | 940 | .md-lang { 941 | color: var(--theme-vim-gn); 942 | } 943 | 944 | .html-for-mac .context-menu { 945 | --item-hover-bg-color: hsl(215, 92%, 5%); 946 | } 947 | 948 | #typora-sidebar { 949 | /* font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; */ 950 | font-family: Helvetica, Arial !important; 951 | font-weight: bold; 952 | } 953 | 954 | .file-list-item-summary { 955 | font-family: Helvetica, Arial !important; 956 | font-weight: 400; 957 | } 958 | 959 | .file-list-item { 960 | border-bottom: 0.15rem solid hsl(0, 0%, 18%); 961 | } 962 | 963 | .file-list-item.active { 964 | background: hsl(0, 0%, 15%) !important; 965 | } 966 | 967 | .file-node-background { 968 | height: 29px; 969 | } 970 | 971 | #toc-dropmenu { 972 | background: hsl(0, 0%, 18%) !important; 973 | /* font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; */ 974 | font-weight: bold; 975 | } 976 | 977 | #toc-content { 978 | margin-top: 1rem; 979 | margin-bottom: 1rem; 980 | } 981 | 982 | #toc-content a:hover { 983 | text-decoration: none; 984 | } 985 | 986 | .outline-item { 987 | /* transition: color 150ms, background-color 150ms; */ 988 | transition: color 150ms; 989 | } 990 | 991 | .outline-item:hover { 992 | background-color: rgba(0, 0, 0, 0.5); 993 | color: var(--theme-vim-gn); 994 | } 995 | 996 | .sidebar-footer { 997 | border-top: 2px solid hsl(0, 0%, 15%) !important; 998 | } 999 | 1000 | .footer-item:hover, 1001 | .sidebar-footer-item:hover { 1002 | background-color: rgba(0, 0, 0, 0.5) !important; 1003 | } 1004 | 1005 | .file-tree-node.active > .file-node-background { 1006 | background-color: hsl(0, 0%, 15%) !important; 1007 | } 1008 | 1009 | .file-node-content:hover { 1010 | color: #fff; 1011 | } 1012 | 1013 | html { 1014 | background: #1f1f1f !important; 1015 | } 1016 | 1017 | .outline-title-wrapper { 1018 | display: none; 1019 | } 1020 | 1021 | .dropdown-menu .divider { 1022 | display: none; 1023 | height: 2px; 1024 | background-color: hsl(0, 0%, 13%); 1025 | } 1026 | 1027 | .dropdown-menu > li > a { 1028 | color: #fff; 1029 | } 1030 | 1031 | .autoComplt-hint { 1032 | color: var(--theme-vim-gn) !important; 1033 | /* border-color: transparent !important */ 1034 | } 1035 | 1036 | .auto-suggest-container { 1037 | color: var(--theme-vim-gn) !important; 1038 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 1039 | font-weight: bold !important; 1040 | border-color: var(--theme-vim-gn) !important; 1041 | border-radius: 8px !important; 1042 | border-width: 2px !important; 1043 | margin-top: 5px; 1044 | overflow: hidden !important; 1045 | box-shadow: 0 0 1rem hsla(153, 47%, 49%, 0.3); 1046 | } 1047 | 1048 | /* .auto-suggest-container li { */ 1049 | /* transition: all 150ms; */ 1050 | /* text-align: center !important; */ 1051 | /* } */ 1052 | 1053 | .auto-suggest-container li:hover { 1054 | color: #fff !important; 1055 | background-color: var(--theme-vim-gn) !important; 1056 | /* text-align: right !important; */ 1057 | } 1058 | 1059 | /* windows */ 1060 | /* .modal-dialog { */ 1061 | /* color: #000; */ 1062 | /* } */ 1063 | 1064 | .typora-sourceview-on #toggle-sourceview-btn { 1065 | background-color: var(--theme-vim-gn); 1066 | } 1067 | 1068 | /* cursor */ 1069 | .CodeMirror.cm-s-typora-default div.CodeMirror-cursor { 1070 | border-left: 5px solid var(--theme-vim-gn); 1071 | } 1072 | 1073 | .CodeMirror div.CodeMirror-cursor { 1074 | border-left: 5px solid var(--theme-vim-gn); 1075 | z-index: 3; 1076 | } 1077 | 1078 | .form-control { 1079 | background-color: var(--bg-trans-d); 1080 | border-color: var(--bg-color); 1081 | } 1082 | 1083 | .modal-header, 1084 | .modal-footer { 1085 | border-color: var(--bg-trans-l); 1086 | border-width: 2px; 1087 | } 1088 | 1089 | .btn:hover { 1090 | background-color: var(--theme-vim-gn); 1091 | } 1092 | 1093 | .md-rawblock-on-edit > .md-rawblock-tooltip, 1094 | .md-rawblock:hover > .md-rawblock-container, 1095 | .md-rawblock:hover > .md-rawblock-tooltip { 1096 | transition: background 0.5s linear; 1097 | background-color: var(--fence-bg) !important; 1098 | display: block; 1099 | } 1100 | 1101 | .md-rawblock-control:not(.md-rawblock-tooltip) { 1102 | background-color: var(--fence-bg) !important; 1103 | } 1104 | 1105 | /* windows */ 1106 | 1107 | :root { 1108 | --text-color: var(--fg-color); 1109 | --btn-border-color: hsla(0, 0%, 100%, 0.1); 1110 | --item-hover-bg-color: var(--select-text-bg-color); 1111 | } 1112 | 1113 | .megamenu-menu-header { 1114 | border-color: var(--btn-border-color); 1115 | } 1116 | 1117 | .megamenu-opened header { 1118 | background-image: none; 1119 | } 1120 | 1121 | .megamenu-menu { 1122 | background-color: var(--side-bar-bg-color); 1123 | } 1124 | 1125 | .megamenu-content { 1126 | background: var(--bg-color); 1127 | } 1128 | 1129 | .modal-content { 1130 | border-color: var(--btn-border-color); 1131 | } 1132 | 1133 | .long-btn { 1134 | border-color: var(--btn-border-color); 1135 | } 1136 | 1137 | #recent-file-panel tbody tr:nth-child(2n-1) { 1138 | background-color: transparent; 1139 | } 1140 | 1141 | footer.ty-footer { 1142 | border-top: 1px solid var(--table-bg); 1143 | } 1144 | 1145 | #recent-file-panel-action-btn { 1146 | background-color: transparent; 1147 | } 1148 | 1149 | /* improvement */ 1150 | 1151 | .dropdown-menu { 1152 | box-shadow: 0 0 0 0 transparent; 1153 | -webkit-box-shadow: 0 0 0 0 transparent; 1154 | } 1155 | 1156 | p, 1157 | blockquote, 1158 | ul, 1159 | ol, 1160 | dl, 1161 | table { 1162 | margin: 0.4em 0; 1163 | /* margin: 0.8rem 0 0 0 ; */ 1164 | } 1165 | /* snappy scheme */ 1166 | .cm-s-inner .cm-keyword { 1167 | color: #f66153; 1168 | } 1169 | 1170 | .cm-s-inner .cm-atom, 1171 | .cm-s-inner.cm-atom { 1172 | color: #f66153; 1173 | } 1174 | 1175 | .cm-s-inner .cm-number { 1176 | color: #4ea1df; 1177 | } 1178 | 1179 | .cm-s-inner .cm-def { 1180 | color: #808dd3; 1181 | } 1182 | 1183 | .cm-s-inner .cm-variable, 1184 | .cm-s-inner .cm-variable-2, 1185 | .cm-s-inner .cm-variable-3 { 1186 | color: #e3e2e0; 1187 | } 1188 | 1189 | .cm-s-inner .cm-string, 1190 | .cm-s-inner .cm-string-2 { 1191 | color: #4ea1df; 1192 | } 1193 | 1194 | .cm-s-inner .cm-property { 1195 | /* color: #e3e2e0; */ 1196 | color: #f66153; 1197 | } 1198 | 1199 | .cm-s-inner .cm-operator { 1200 | color: #f66153; 1201 | } 1202 | 1203 | .cm-s-inner .cm-comment, 1204 | .cm-s-inner.cm-comment { 1205 | color: #696969; 1206 | } 1207 | 1208 | .cm-s-inner .cm-meta { 1209 | color: #4ea1df; 1210 | } 1211 | 1212 | .cm-s-inner .cm-builtin { 1213 | color: #808dd3; 1214 | } 1215 | 1216 | .cm-s-inner .cm-bracket { 1217 | color: #e3e2e0; 1218 | /* < > */ 1219 | } 1220 | 1221 | .cm-s-inner .cm-tag { 1222 | color: #4ea1df; 1223 | } 1224 | 1225 | .cm-s-inner .cm-attribute { 1226 | color: #f66153; 1227 | } 1228 | 1229 | .cm-s-inner .cm-header, 1230 | .cm-s-inner.cm-header { 1231 | color: #e3e2e0; 1232 | } 1233 | 1234 | .cm-s-inner .cm-quote, 1235 | .cm-s-inner.cm-quote { 1236 | color: #4ea1df; 1237 | } 1238 | 1239 | .cm-s-inner .cm-hr, 1240 | .cm-s-inner.cm-hr { 1241 | color: #e3e2e0; 1242 | } 1243 | 1244 | .cm-s-inner .cm-link, 1245 | .cm-s-inner.cm-link { 1246 | /* color: #0000cc */ 1247 | color: #f66153; 1248 | } 1249 | 1250 | .cm-negative { 1251 | color: #e61f44; 1252 | } 1253 | 1254 | .cm-positive { 1255 | color: #a6e22e; 1256 | } 1257 | -------------------------------------------------------------------------------- /vue-dark.css: -------------------------------------------------------------------------------- 1 | /* code color */ 2 | .cm-s-inner .cm-keyword { 3 | color: #bb7fc3; 4 | } 5 | 6 | .cm-s-inner .cm-atom, 7 | .cm-s-inner.cm-atom { 8 | color: #9088cc; 9 | } 10 | 11 | .cm-s-inner .cm-number { 12 | color: #88b2a1; 13 | } 14 | 15 | .cm-s-inner .cm-def { 16 | color: #7f7fff; 17 | } 18 | 19 | .cm-s-inner .cm-variable { 20 | color: #efefef; 21 | } 22 | 23 | .cm-s-inner .cm-variable-2 { 24 | color: #7faad4; 25 | } 26 | 27 | .cm-s-inner .cm-variable-3 { 28 | color: #7fc3aa; 29 | } 30 | 31 | .cm-s-inner .cm-string { 32 | color: #d48888; 33 | } 34 | 35 | .cm-s-inner .cm-property { 36 | color: #efefef; 37 | } 38 | 39 | .cm-s-inner .cm-operator { 40 | color: #cb8c8c; 41 | } 42 | 43 | .cm-s-inner .cm-comment, 44 | .cm-s-inner.cm-comment { 45 | color: hsl(0, 0%, 35%); 46 | } 47 | 48 | .cm-s-inner .cm-string-2 { 49 | color: #ffaa7f; 50 | } 51 | 52 | .cm-s-inner .cm-meta { 53 | color: hsl(0, 0%, 33%); 54 | } 55 | 56 | .cm-s-inner .cm-qualifier { 57 | color: hsl(0, 0%, 33%); 58 | } 59 | 60 | .cm-s-inner .cm-builtin { 61 | color: #997fd4; 62 | } 63 | 64 | .cm-s-inner .cm-bracket { 65 | color: #ccccbb; 66 | } 67 | 68 | .cm-s-inner .cm-tag { 69 | color: #88bb7f; 70 | } 71 | 72 | .cm-s-inner .cm-attribute { 73 | color: #7f7fe5; 74 | } 75 | 76 | .cm-s-inner .cm-header, 77 | .cm-s-inner.cm-header { 78 | color: #7f7fff; 79 | } 80 | 81 | .cm-s-inner .cm-quote, 82 | .cm-s-inner.cm-quote { 83 | color: #7fcc7f; 84 | } 85 | 86 | .cm-s-inner .cm-hr, 87 | .cm-s-inner.cm-hr { 88 | color: hsl(0, 0%, 60%); 89 | } 90 | 91 | .cm-s-inner .cm-link, 92 | .cm-s-inner.cm-link { 93 | color: #7f7fe5; 94 | } 95 | 96 | .cm-negative { 97 | color: #eea1a1; 98 | } 99 | 100 | .cm-positive { 101 | color: #90cc90; 102 | } 103 | 104 | .cm-header, 105 | .cm-strong { 106 | font-weight: 700; 107 | } 108 | 109 | .cm-error { 110 | color: #ff7f7f; 111 | } 112 | 113 | .cm-invalidchar { 114 | color: #ff7f7f; 115 | } 116 | 117 | .cm-constant { 118 | color: #42b983; 119 | } 120 | 121 | .cm-defined { 122 | color: #dac37f; 123 | } 124 | 125 | div.CodeMirror span.CodeMirror-matchingbracket { 126 | color: #7fff7f; 127 | } 128 | 129 | div.CodeMirror span.CodeMirror-nonmatchingbracket { 130 | color: #ff9090; 131 | } 132 | :root { 133 | --fg-color: #ffffff; 134 | --bg-color: #1f1f1f; 135 | --bg-trans-d: hsla(0, 0%, 0%, 20%); 136 | --bg-trans-l: hsla(0, 0%, 100%, 10%); 137 | --theme-vim-yl: #f3b37f; 138 | --theme-vim-gn: #41b883; 139 | --theme-vim-bl: #22a2c9; 140 | --table-bg: hsla(0, 0%, 100%, 6%); 141 | --table-bg-dim: hsla(0, 0%, 100%, 2%); 142 | --side-bar-bg-color: #343333; 143 | --control-text-color: #0e0808; 144 | --select-text-bg-color: hsl(153, 47%, 40%); 145 | --select-text-font-color: #fff; 146 | --item-hover-bg-color: #fff; 147 | --fence-bg: hsl(0, 0%, 10%); 148 | } 149 | 150 | /* cyrillic-ext */ 151 | @font-face { 152 | font-family: 'Roboto Mono'; 153 | font-style: normal; 154 | font-weight: 400; 155 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 156 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2') format('woff2'); 157 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 158 | U+FE2E-FE2F; 159 | } 160 | 161 | /* cyrillic */ 162 | @font-face { 163 | font-family: 'Roboto Mono'; 164 | font-style: normal; 165 | font-weight: 400; 166 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 167 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2') format('woff2'); 168 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 169 | } 170 | 171 | /* greek-ext */ 172 | @font-face { 173 | font-family: 'Roboto Mono'; 174 | font-style: normal; 175 | font-weight: 400; 176 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 177 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2') format('woff2'); 178 | unicode-range: U+1F00-1FFF; 179 | } 180 | 181 | /* greek */ 182 | @font-face { 183 | font-family: 'Roboto Mono'; 184 | font-style: normal; 185 | font-weight: 400; 186 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 187 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2') format('woff2'); 188 | unicode-range: U+0370-03FF; 189 | } 190 | 191 | /* vietnamese */ 192 | @font-face { 193 | font-family: 'Roboto Mono'; 194 | font-style: normal; 195 | font-weight: 400; 196 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 197 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2') format('woff2'); 198 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 199 | } 200 | 201 | /* latin-ext */ 202 | @font-face { 203 | font-family: 'Roboto Mono'; 204 | font-style: normal; 205 | font-weight: 400; 206 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 207 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2') format('woff2'); 208 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 209 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 210 | } 211 | 212 | /* latin */ 213 | @font-face { 214 | font-family: 'Roboto Mono'; 215 | font-style: normal; 216 | font-weight: 400; 217 | src: local('Roboto Mono'), local('RobotoMono-Regular'), 218 | url('vue/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2') format('woff2'); 219 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 220 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 221 | U+2215, U+FEFF, U+FFFD; 222 | } 223 | 224 | /* cyrillic-ext */ 225 | @font-face { 226 | font-family: 'Source Sans Pro'; 227 | font-style: normal; 228 | font-weight: 300; 229 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 230 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2') format('woff2'); 231 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 232 | U+FE2E-FE2F; 233 | } 234 | 235 | /* cyrillic */ 236 | @font-face { 237 | font-family: 'Source Sans Pro'; 238 | font-style: normal; 239 | font-weight: 300; 240 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 241 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2') format('woff2'); 242 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 243 | } 244 | 245 | /* greek-ext */ 246 | @font-face { 247 | font-family: 'Source Sans Pro'; 248 | font-style: normal; 249 | font-weight: 300; 250 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 251 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2') format('woff2'); 252 | unicode-range: U+1F00-1FFF; 253 | } 254 | 255 | /* greek */ 256 | @font-face { 257 | font-family: 'Source Sans Pro'; 258 | font-style: normal; 259 | font-weight: 300; 260 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 261 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2') format('woff2'); 262 | unicode-range: U+0370-03FF; 263 | } 264 | 265 | /* vietnamese */ 266 | @font-face { 267 | font-family: 'Source Sans Pro'; 268 | font-style: normal; 269 | font-weight: 300; 270 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 271 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2') format('woff2'); 272 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 273 | } 274 | 275 | /* latin-ext */ 276 | @font-face { 277 | font-family: 'Source Sans Pro'; 278 | font-style: normal; 279 | font-weight: 300; 280 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 281 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2') format('woff2'); 282 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 283 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 284 | } 285 | 286 | /* latin */ 287 | @font-face { 288 | font-family: 'Source Sans Pro'; 289 | font-style: normal; 290 | font-weight: 300; 291 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 292 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2') format('woff2'); 293 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 294 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 295 | U+2215, U+FEFF, U+FFFD; 296 | } 297 | 298 | /* cyrillic-ext */ 299 | @font-face { 300 | font-family: 'Source Sans Pro'; 301 | font-style: normal; 302 | font-weight: 400; 303 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 304 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2') format('woff2'); 305 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 306 | U+FE2E-FE2F; 307 | } 308 | 309 | /* cyrillic */ 310 | @font-face { 311 | font-family: 'Source Sans Pro'; 312 | font-style: normal; 313 | font-weight: 400; 314 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 315 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2') format('woff2'); 316 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 317 | } 318 | 319 | /* greek-ext */ 320 | @font-face { 321 | font-family: 'Source Sans Pro'; 322 | font-style: normal; 323 | font-weight: 400; 324 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 325 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2') format('woff2'); 326 | unicode-range: U+1F00-1FFF; 327 | } 328 | 329 | /* greek */ 330 | @font-face { 331 | font-family: 'Source Sans Pro'; 332 | font-style: normal; 333 | font-weight: 400; 334 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 335 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2') format('woff2'); 336 | unicode-range: U+0370-03FF; 337 | } 338 | 339 | /* vietnamese */ 340 | @font-face { 341 | font-family: 'Source Sans Pro'; 342 | font-style: normal; 343 | font-weight: 400; 344 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 345 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2') format('woff2'); 346 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 347 | } 348 | 349 | /* latin-ext */ 350 | @font-face { 351 | font-family: 'Source Sans Pro'; 352 | font-style: normal; 353 | font-weight: 400; 354 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 355 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2') format('woff2'); 356 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 357 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 358 | } 359 | 360 | /* latin */ 361 | @font-face { 362 | font-family: 'Source Sans Pro'; 363 | font-style: normal; 364 | font-weight: 400; 365 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), 366 | url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2') format('woff2'); 367 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 368 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 369 | U+2215, U+FEFF, U+FFFD; 370 | } 371 | 372 | /* cyrillic-ext */ 373 | @font-face { 374 | font-family: 'Source Sans Pro'; 375 | font-style: normal; 376 | font-weight: 600; 377 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 378 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2') format('woff2'); 379 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 380 | U+FE2E-FE2F; 381 | } 382 | 383 | /* cyrillic */ 384 | @font-face { 385 | font-family: 'Source Sans Pro'; 386 | font-style: normal; 387 | font-weight: 600; 388 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 389 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2') format('woff2'); 390 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 391 | } 392 | 393 | /* greek-ext */ 394 | @font-face { 395 | font-family: 'Source Sans Pro'; 396 | font-style: normal; 397 | font-weight: 600; 398 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 399 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2') format('woff2'); 400 | unicode-range: U+1F00-1FFF; 401 | } 402 | 403 | /* greek */ 404 | @font-face { 405 | font-family: 'Source Sans Pro'; 406 | font-style: normal; 407 | font-weight: 600; 408 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 409 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2') format('woff2'); 410 | unicode-range: U+0370-03FF; 411 | } 412 | 413 | /* vietnamese */ 414 | @font-face { 415 | font-family: 'Source Sans Pro'; 416 | font-style: normal; 417 | font-weight: 600; 418 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 419 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2') format('woff2'); 420 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 421 | } 422 | 423 | /* latin-ext */ 424 | @font-face { 425 | font-family: 'Source Sans Pro'; 426 | font-style: normal; 427 | font-weight: 600; 428 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 429 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2') format('woff2'); 430 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 431 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 432 | } 433 | 434 | /* latin */ 435 | @font-face { 436 | font-family: 'Source Sans Pro'; 437 | font-style: normal; 438 | font-weight: 600; 439 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 440 | url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2') format('woff2'); 441 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 442 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 443 | U+2215, U+FEFF, U+FFFD; 444 | } 445 | 446 | html { 447 | font-size: 16px; 448 | } 449 | 450 | body { 451 | font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif !important; 452 | color: var(--fg-color); 453 | background-color: var(--bg-color); 454 | -webkit-font-smoothing: antialiased; 455 | line-height: 1.6rem; 456 | letter-spacing: 0; 457 | margin: 0; 458 | overflow-x: hidden; 459 | } 460 | 461 | #write { 462 | max-width: 860px; 463 | margin: 0 auto; 464 | padding: 20px 30px 40px 30px; 465 | padding-top: 20px; 466 | padding-bottom: 100px; 467 | } 468 | 469 | #write p { 470 | line-height: 1.6rem; 471 | word-spacing: 0.05rem; 472 | } 473 | 474 | #write ol li { 475 | padding-left: 0.5rem; 476 | } 477 | 478 | #write > ul:first-child, 479 | #write > ol:first-child { 480 | margin-top: 30px; 481 | } 482 | 483 | body > *:first-child { 484 | margin-top: 0 !important; 485 | } 486 | 487 | body > *:last-child { 488 | margin-bottom: 0 !important; 489 | } 490 | 491 | a { 492 | color: var(--theme-vim-gn); 493 | font-weight: 600; 494 | padding: 0px 2px; 495 | text-decoration: none; 496 | } 497 | 498 | h1, 499 | h2, 500 | h3, 501 | h4, 502 | h5, 503 | h6 { 504 | position: relative; 505 | margin-top: 1rem; 506 | margin-bottom: 1rem; 507 | font-weight: bold; 508 | line-height: 1.4; 509 | cursor: text; 510 | } 511 | 512 | h1:hover a.anchor, 513 | h2:hover a.anchor, 514 | h3:hover a.anchor, 515 | h4:hover a.anchor, 516 | h5:hover a.anchor, 517 | h6:hover a.anchor { 518 | text-decoration: none; 519 | } 520 | 521 | h1 tt, 522 | h1 code { 523 | font-size: inherit; 524 | } 525 | 526 | h2 tt, 527 | h2 code { 528 | font-size: inherit; 529 | } 530 | 531 | h3 tt, 532 | h3 code { 533 | font-size: inherit; 534 | } 535 | 536 | h4 tt, 537 | h4 code { 538 | font-size: inherit; 539 | } 540 | 541 | h5 tt, 542 | h5 code { 543 | font-size: inherit; 544 | } 545 | 546 | h6 tt, 547 | h6 code { 548 | font-size: inherit; 549 | } 550 | 551 | /* h2 a, 552 | h3 a { 553 | color: #34495e; 554 | } */ 555 | 556 | h3 a:before { 557 | content: '#'; 558 | /* color: #42b983; */ 559 | position: absolute; 560 | left: -0.7em; 561 | margin-top: -0.05em; 562 | padding-right: 0.5em; 563 | font-size: 1.2em; 564 | line-height: 1; 565 | font-weight: bold; 566 | } 567 | 568 | h1 { 569 | padding-bottom: 0.4rem; 570 | font-size: 2.2rem; 571 | line-height: 1.3; 572 | } 573 | 574 | h2 { 575 | font-size: 1.75rem; 576 | line-height: 1.225; 577 | margin: 35px 0px 15px 0px; 578 | padding-bottom: 0.5em; 579 | border-bottom: 2px solid hsl(0, 0%, 20%); 580 | } 581 | 582 | h3 { 583 | font-size: 1.4rem; 584 | line-height: 1.43; 585 | margin: 20px 0px 7px 0px; 586 | } 587 | 588 | h4 { 589 | font-size: 1.2rem; 590 | } 591 | 592 | h5 { 593 | font-size: 1rem; 594 | } 595 | 596 | h6 { 597 | font-size: 1rem; 598 | color: hsl(0, 0%, 53%); 599 | } 600 | 601 | p, 602 | blockquote, 603 | ul, 604 | ol, 605 | dl, 606 | table { 607 | margin: 0.8em 0; 608 | } 609 | 610 | li > ol, 611 | li > ul { 612 | margin: 0 0; 613 | } 614 | 615 | hr { 616 | height: 2px; 617 | padding: 0; 618 | margin: 16px 0; 619 | background-color: hsl(0, 0%, 18%); 620 | border: 0 none; 621 | overflow: hidden; 622 | box-sizing: content-box; 623 | } 624 | 625 | body > h2:first-child { 626 | margin-top: 0; 627 | padding-top: 0; 628 | } 629 | 630 | body > h1:first-child { 631 | margin-top: 0; 632 | padding-top: 0; 633 | } 634 | 635 | body > h1:first-child + h2 { 636 | margin-top: 0; 637 | padding-top: 0; 638 | } 639 | 640 | body > h3:first-child, 641 | body > h4:first-child, 642 | body > h5:first-child, 643 | body > h6:first-child { 644 | margin-top: 0; 645 | padding-top: 0; 646 | } 647 | 648 | a:first-child h1, 649 | a:first-child h2, 650 | a:first-child h3, 651 | a:first-child h4, 652 | a:first-child h5, 653 | a:first-child h6 { 654 | margin-top: 0; 655 | padding-top: 0; 656 | } 657 | 658 | h1 p, 659 | h2 p, 660 | h3 p, 661 | h4 p, 662 | h5 p, 663 | h6 p { 664 | margin-top: 0; 665 | } 666 | 667 | li p.first { 668 | display: inline-block; 669 | } 670 | 671 | ul, 672 | ol { 673 | padding-left: 30px; 674 | } 675 | 676 | ul:first-child, 677 | ol:first-child { 678 | margin-top: 0; 679 | } 680 | 681 | ul:last-child, 682 | ol:last-child { 683 | margin-bottom: 0; 684 | } 685 | 686 | blockquote { 687 | border-left: 4px solid #42b983; 688 | padding: 10px 0px 10px 15px; 689 | color: #fff; 690 | background-color: rgba(66, 185, 131, 0.1); 691 | } 692 | 693 | table { 694 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 695 | font-size: 0.85rem; 696 | padding: 0; 697 | word-break: initial; 698 | } 699 | 700 | table tr { 701 | border-top: 1px solid hsl(210, 10%, 11%); 702 | margin: 0; 703 | padding: 0; 704 | } 705 | 706 | table tr:nth-child(2n), 707 | thead { 708 | background-color: var(--table-bg); 709 | } 710 | 711 | table tr, 712 | thead { 713 | background-color: var(--table-bg-dim); 714 | } 715 | 716 | table tr th { 717 | font-weight: bold; 718 | /* border: 1px solid hsl(210, 10%, 11%); */ 719 | border: transparent; 720 | border-bottom: 0; 721 | text-align: left; 722 | margin: 0; 723 | padding: 6px 13px; 724 | } 725 | 726 | table tr td { 727 | border: 2px solid #1d1d1d; 728 | text-align: left; 729 | margin: 0; 730 | padding: 6px 13px; 731 | } 732 | 733 | table tr th:first-child, 734 | table tr td:first-child { 735 | margin-top: 0; 736 | } 737 | 738 | table tr th:last-child, 739 | table tr td:last-child { 740 | margin-bottom: 0; 741 | } 742 | 743 | #write strong { 744 | padding: 0px 1px 0 1px; 745 | } 746 | 747 | #write em { 748 | padding: 0px 5px 0 2px; 749 | } 750 | 751 | #write table thead th { 752 | /* background-color: hsl(0, 0%, 5%); */ 753 | background-color: hsl(0, 0%, 9%); 754 | } 755 | 756 | #write .CodeMirror-gutters { 757 | border-right: none; 758 | } 759 | 760 | #write .md-fences { 761 | border: 1px solid hsl(0, 0%, 11%); 762 | -webkit-font-smoothing: initial; 763 | margin: 0.8rem 0 !important; 764 | padding: 0.3rem 0rem !important; 765 | line-height: 1.43rem; 766 | color: hsl(0, 0%, 78%); 767 | background-color: var(--fence-bg) !important; 768 | border-radius: 2px; 769 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 770 | font-weight: bold; 771 | font-size: 0.85rem; 772 | word-wrap: normal; 773 | } 774 | 775 | #write .CodeMirror-wrap .CodeMirror-code pre { 776 | padding-left: 12px; 777 | } 778 | 779 | #write code, 780 | tt { 781 | margin: 0 2px; 782 | padding: 2px 4px; 783 | border-radius: 2px; 784 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 785 | font-weight: bold; 786 | font-size: 0.85rem; 787 | color: var(--theme-vim-yl); 788 | background-color: var(--bg-trans-d); 789 | } 790 | 791 | #write .md-footnote { 792 | color: var(--theme-vim-yl); 793 | background-color: var(--bg-trans-d); 794 | } 795 | 796 | /* heighlight. */ 797 | #write mark { 798 | background-color: #ebffeb; 799 | border-radius: 2px; 800 | padding: 2px 4px; 801 | margin: 0 2px; 802 | color: #222; 803 | font-weight: 500; 804 | } 805 | 806 | #write del { 807 | padding: 1px 2px; 808 | } 809 | 810 | .cm-s-inner .cm-link, 811 | .cm-s-inner.cm-link { 812 | color: var(--theme-vim-bl); 813 | } 814 | 815 | .cm-s-inner .cm-string { 816 | color: var(--theme-vim-bl); 817 | } 818 | 819 | .md-task-list-item > input { 820 | margin-left: -1.3em; 821 | } 822 | 823 | @media screen and (min-width: 914px) { 824 | /*body { 825 | width: 854px; 826 | margin: 0 auto; 827 | }*/ 828 | } 829 | 830 | @media print { 831 | html { 832 | font-size: 13px; 833 | } 834 | 835 | table, 836 | pre { 837 | page-break-inside: avoid; 838 | } 839 | 840 | pre { 841 | word-wrap: break-word; 842 | } 843 | } 844 | 845 | #write pre.md-meta-block { 846 | padding: 1rem; 847 | font-size: 85%; 848 | line-height: 1.45; 849 | background-color: hsl(0, 0%, 3%); 850 | border: 0; 851 | border-radius: 3px; 852 | color: hsl(0, 0%, 53%); 853 | margin-top: 0 !important; 854 | } 855 | 856 | .mathjax-block > .code-tooltip { 857 | bottom: 0.375rem; 858 | } 859 | 860 | #write > h3.md-focus:before { 861 | left: -1.5625rem; 862 | top: 0.375rem; 863 | } 864 | 865 | #write > h4.md-focus:before { 866 | left: -1.5625rem; 867 | top: 0.285714286rem; 868 | } 869 | 870 | #write > h5.md-focus:before { 871 | left: -1.5625rem; 872 | top: 0.285714286rem; 873 | } 874 | 875 | #write > h6.md-focus:before { 876 | left: -1.5625rem; 877 | top: 0.285714286rem; 878 | } 879 | 880 | .md-image > .md-meta { 881 | border-radius: 3px; 882 | font-family: Consolas, 'Liberation Mono', Courier, monospace; 883 | padding: 2px 0px 0px 4px; 884 | font-size: 0.9em; 885 | color: inherit; 886 | } 887 | 888 | .md-tag { 889 | color: inherit; 890 | } 891 | 892 | .md-toc { 893 | margin-top: 20px; 894 | padding-bottom: 20px; 895 | } 896 | 897 | .sidebar-tabs { 898 | border-bottom: none; 899 | } 900 | 901 | #typora-quick-open { 902 | border: 1px solid #ddd; 903 | background-color: #f8f8f8; 904 | } 905 | 906 | #typora-quick-open-item { 907 | background-color: hsl(0, 0%, 2%); 908 | border-color: hsl(0, 0%, 0%) hsl(0, 0%, 10%) hsl(0, 0%, 10%) hsl(0, 0%, 7%); 909 | border-style: solid; 910 | border-width: 1px; 911 | } 912 | 913 | #md-notification:before { 914 | top: 10px; 915 | } 916 | 917 | /** focus mode */ 918 | 919 | .on-focus-mode blockquote { 920 | border-left-color: rgba(85, 85, 85, 0.12); 921 | } 922 | 923 | header, 924 | .context-menu, 925 | .megamenu-content, 926 | footer { 927 | font-family: 'Segoe UI', 'Arial', sans-serif; 928 | } 929 | 930 | .file-node-content:hover .file-node-icon, 931 | .file-node-content:hover .file-node-open-state { 932 | visibility: visible; 933 | } 934 | 935 | .mac-seamless-mode #typora-sidebar { 936 | background-color: hsl(0, 0%, 2%); 937 | background-color: var(--side-bar-bg-color); 938 | } 939 | 940 | .md-lang { 941 | color: var(--theme-vim-gn); 942 | } 943 | 944 | .html-for-mac .context-menu { 945 | --item-hover-bg-color: hsl(215, 92%, 5%); 946 | } 947 | 948 | #typora-sidebar { 949 | /* font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; */ 950 | font-family: Helvetica, Arial !important; 951 | font-weight: bold; 952 | } 953 | 954 | .file-list-item-summary { 955 | font-family: Helvetica, Arial !important; 956 | font-weight: 400; 957 | } 958 | 959 | .file-list-item { 960 | border-bottom: 0.15rem solid hsl(0, 0%, 18%); 961 | } 962 | 963 | .file-list-item.active { 964 | background: hsl(0, 0%, 15%) !important; 965 | } 966 | 967 | .file-node-background { 968 | height: 29px; 969 | } 970 | 971 | #toc-dropmenu { 972 | background: hsl(0, 0%, 18%) !important; 973 | /* font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; */ 974 | font-weight: bold; 975 | } 976 | 977 | #toc-content { 978 | margin-top: 1rem; 979 | margin-bottom: 1rem; 980 | } 981 | 982 | #toc-content a:hover { 983 | text-decoration: none; 984 | } 985 | 986 | .outline-item { 987 | /* transition: color 150ms, background-color 150ms; */ 988 | transition: color 150ms; 989 | } 990 | 991 | .outline-item:hover { 992 | background-color: rgba(0, 0, 0, 0.5); 993 | color: var(--theme-vim-gn); 994 | } 995 | 996 | .sidebar-footer { 997 | border-top: 2px solid hsl(0, 0%, 15%) !important; 998 | } 999 | 1000 | .footer-item:hover, 1001 | .sidebar-footer-item:hover { 1002 | background-color: rgba(0, 0, 0, 0.5) !important; 1003 | } 1004 | 1005 | .file-tree-node.active > .file-node-background { 1006 | background-color: hsl(0, 0%, 15%) !important; 1007 | } 1008 | 1009 | .file-node-content:hover { 1010 | color: #fff; 1011 | } 1012 | 1013 | html { 1014 | background: #1f1f1f !important; 1015 | } 1016 | 1017 | .outline-title-wrapper { 1018 | display: none; 1019 | } 1020 | 1021 | .dropdown-menu .divider { 1022 | display: none; 1023 | height: 2px; 1024 | background-color: hsl(0, 0%, 13%); 1025 | } 1026 | 1027 | .dropdown-menu > li > a { 1028 | color: #fff; 1029 | } 1030 | 1031 | .autoComplt-hint { 1032 | color: var(--theme-vim-gn) !important; 1033 | /* border-color: transparent !important */ 1034 | } 1035 | 1036 | .auto-suggest-container { 1037 | color: var(--theme-vim-gn) !important; 1038 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 1039 | font-weight: bold !important; 1040 | border-color: var(--theme-vim-gn) !important; 1041 | border-radius: 8px !important; 1042 | border-width: 2px !important; 1043 | margin-top: 5px; 1044 | overflow: hidden !important; 1045 | box-shadow: 0 0 1rem hsla(153, 47%, 49%, 0.3); 1046 | } 1047 | 1048 | /* .auto-suggest-container li { */ 1049 | /* transition: all 150ms; */ 1050 | /* text-align: center !important; */ 1051 | /* } */ 1052 | 1053 | .auto-suggest-container li:hover { 1054 | color: #fff !important; 1055 | background-color: var(--theme-vim-gn) !important; 1056 | /* text-align: right !important; */ 1057 | } 1058 | 1059 | /* windows */ 1060 | /* .modal-dialog { */ 1061 | /* color: #000; */ 1062 | /* } */ 1063 | 1064 | .typora-sourceview-on #toggle-sourceview-btn { 1065 | background-color: var(--theme-vim-gn); 1066 | } 1067 | 1068 | /* cursor */ 1069 | .CodeMirror.cm-s-typora-default div.CodeMirror-cursor { 1070 | border-left: 5px solid var(--theme-vim-gn); 1071 | } 1072 | 1073 | .CodeMirror div.CodeMirror-cursor { 1074 | border-left: 5px solid var(--theme-vim-gn); 1075 | z-index: 3; 1076 | } 1077 | 1078 | .form-control { 1079 | background-color: var(--bg-trans-d); 1080 | border-color: var(--bg-color); 1081 | } 1082 | 1083 | .modal-header, 1084 | .modal-footer { 1085 | border-color: var(--bg-trans-l); 1086 | border-width: 2px; 1087 | } 1088 | 1089 | .btn:hover { 1090 | background-color: var(--theme-vim-gn); 1091 | } 1092 | 1093 | .md-rawblock-on-edit > .md-rawblock-tooltip, 1094 | .md-rawblock:hover > .md-rawblock-container, 1095 | .md-rawblock:hover > .md-rawblock-tooltip { 1096 | transition: background 0.5s linear; 1097 | background-color: var(--fence-bg) !important; 1098 | display: block; 1099 | } 1100 | 1101 | .md-rawblock-control:not(.md-rawblock-tooltip) { 1102 | background-color: var(--fence-bg) !important; 1103 | } 1104 | 1105 | /* windows */ 1106 | 1107 | :root { 1108 | --text-color: var(--fg-color); 1109 | --btn-border-color: hsla(0, 0%, 100%, 0.1); 1110 | --item-hover-bg-color: var(--select-text-bg-color); 1111 | } 1112 | 1113 | .megamenu-menu-header { 1114 | border-color: var(--btn-border-color); 1115 | } 1116 | 1117 | .megamenu-opened header { 1118 | background-image: none; 1119 | } 1120 | 1121 | .megamenu-menu { 1122 | background-color: var(--side-bar-bg-color); 1123 | } 1124 | 1125 | .megamenu-content { 1126 | background: var(--bg-color); 1127 | } 1128 | 1129 | .modal-content { 1130 | border-color: var(--btn-border-color); 1131 | } 1132 | 1133 | .long-btn { 1134 | border-color: var(--btn-border-color); 1135 | } 1136 | 1137 | #recent-file-panel tbody tr:nth-child(2n-1) { 1138 | background-color: transparent; 1139 | } 1140 | 1141 | footer.ty-footer { 1142 | border-top: 1px solid var(--table-bg); 1143 | } 1144 | 1145 | #recent-file-panel-action-btn { 1146 | background-color: transparent; 1147 | } 1148 | 1149 | /* improvement */ 1150 | 1151 | .dropdown-menu { 1152 | box-shadow: 0 0 0 0 transparent; 1153 | -webkit-box-shadow: 0 0 0 0 transparent; 1154 | } 1155 | 1156 | p, 1157 | blockquote, 1158 | ul, 1159 | ol, 1160 | dl, 1161 | table { 1162 | margin: 0.4em 0; 1163 | /* margin: 0.8rem 0 0 0 ; */ 1164 | } 1165 | -------------------------------------------------------------------------------- /vue.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --side-bar-bg-color: #fff; 3 | --control-text-color: #777; 4 | } 5 | 6 | /* cyrillic-ext */ 7 | @font-face { 8 | font-family: 'Roboto Mono'; 9 | font-style: normal; 10 | font-weight: 400; 11 | src: local('Roboto Mono'), local('RobotoMono-Regular'), url('vue/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2') format('woff2'); 12 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 13 | } 14 | 15 | /* cyrillic */ 16 | @font-face { 17 | font-family: 'Roboto Mono'; 18 | font-style: normal; 19 | font-weight: 400; 20 | src: local('Roboto Mono'), local('RobotoMono-Regular'), url('vue/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2') format('woff2'); 21 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 22 | } 23 | 24 | /* greek-ext */ 25 | @font-face { 26 | font-family: 'Roboto Mono'; 27 | font-style: normal; 28 | font-weight: 400; 29 | src: local('Roboto Mono'), local('RobotoMono-Regular'), url('vue/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2') format('woff2'); 30 | unicode-range: U+1F00-1FFF; 31 | } 32 | 33 | /* greek */ 34 | @font-face { 35 | font-family: 'Roboto Mono'; 36 | font-style: normal; 37 | font-weight: 400; 38 | src: local('Roboto Mono'), local('RobotoMono-Regular'), url('vue/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2') format('woff2'); 39 | unicode-range: U+0370-03FF; 40 | } 41 | 42 | /* vietnamese */ 43 | @font-face { 44 | font-family: 'Roboto Mono'; 45 | font-style: normal; 46 | font-weight: 400; 47 | src: local('Roboto Mono'), local('RobotoMono-Regular'), url('vue/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2') format('woff2'); 48 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 49 | } 50 | 51 | /* latin-ext */ 52 | @font-face { 53 | font-family: 'Roboto Mono'; 54 | font-style: normal; 55 | font-weight: 400; 56 | src: local('Roboto Mono'), local('RobotoMono-Regular'), url('vue/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2') format('woff2'); 57 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 58 | } 59 | 60 | /* latin */ 61 | @font-face { 62 | font-family: 'Roboto Mono'; 63 | font-style: normal; 64 | font-weight: 400; 65 | src: local('Roboto Mono'), local('RobotoMono-Regular'), url('vue/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2') format('woff2'); 66 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 67 | } 68 | 69 | /* cyrillic-ext */ 70 | @font-face { 71 | font-family: 'Source Sans Pro'; 72 | font-style: normal; 73 | font-weight: 300; 74 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2') format('woff2'); 75 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 76 | } 77 | 78 | /* cyrillic */ 79 | @font-face { 80 | font-family: 'Source Sans Pro'; 81 | font-style: normal; 82 | font-weight: 300; 83 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2') format('woff2'); 84 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 85 | } 86 | 87 | /* greek-ext */ 88 | @font-face { 89 | font-family: 'Source Sans Pro'; 90 | font-style: normal; 91 | font-weight: 300; 92 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2') format('woff2'); 93 | unicode-range: U+1F00-1FFF; 94 | } 95 | 96 | /* greek */ 97 | @font-face { 98 | font-family: 'Source Sans Pro'; 99 | font-style: normal; 100 | font-weight: 300; 101 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2') format('woff2'); 102 | unicode-range: U+0370-03FF; 103 | } 104 | 105 | /* vietnamese */ 106 | @font-face { 107 | font-family: 'Source Sans Pro'; 108 | font-style: normal; 109 | font-weight: 300; 110 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2') format('woff2'); 111 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 112 | } 113 | 114 | /* latin-ext */ 115 | @font-face { 116 | font-family: 'Source Sans Pro'; 117 | font-style: normal; 118 | font-weight: 300; 119 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2') format('woff2'); 120 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 121 | } 122 | 123 | /* latin */ 124 | @font-face { 125 | font-family: 'Source Sans Pro'; 126 | font-style: normal; 127 | font-weight: 300; 128 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2') format('woff2'); 129 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 130 | } 131 | 132 | /* cyrillic-ext */ 133 | @font-face { 134 | font-family: 'Source Sans Pro'; 135 | font-style: normal; 136 | font-weight: 400; 137 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2') format('woff2'); 138 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 139 | } 140 | 141 | /* cyrillic */ 142 | @font-face { 143 | font-family: 'Source Sans Pro'; 144 | font-style: normal; 145 | font-weight: 400; 146 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2') format('woff2'); 147 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 148 | } 149 | 150 | /* greek-ext */ 151 | @font-face { 152 | font-family: 'Source Sans Pro'; 153 | font-style: normal; 154 | font-weight: 400; 155 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2') format('woff2'); 156 | unicode-range: U+1F00-1FFF; 157 | } 158 | 159 | /* greek */ 160 | @font-face { 161 | font-family: 'Source Sans Pro'; 162 | font-style: normal; 163 | font-weight: 400; 164 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2') format('woff2'); 165 | unicode-range: U+0370-03FF; 166 | } 167 | 168 | /* vietnamese */ 169 | @font-face { 170 | font-family: 'Source Sans Pro'; 171 | font-style: normal; 172 | font-weight: 400; 173 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2') format('woff2'); 174 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 175 | } 176 | 177 | /* latin-ext */ 178 | @font-face { 179 | font-family: 'Source Sans Pro'; 180 | font-style: normal; 181 | font-weight: 400; 182 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2') format('woff2'); 183 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 184 | } 185 | 186 | /* latin */ 187 | @font-face { 188 | font-family: 'Source Sans Pro'; 189 | font-style: normal; 190 | font-weight: 400; 191 | src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2') format('woff2'); 192 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 193 | } 194 | 195 | /* cyrillic-ext */ 196 | @font-face { 197 | font-family: 'Source Sans Pro'; 198 | font-style: normal; 199 | font-weight: 600; 200 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2') format('woff2'); 201 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 202 | } 203 | 204 | /* cyrillic */ 205 | @font-face { 206 | font-family: 'Source Sans Pro'; 207 | font-style: normal; 208 | font-weight: 600; 209 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2') format('woff2'); 210 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 211 | } 212 | 213 | /* greek-ext */ 214 | @font-face { 215 | font-family: 'Source Sans Pro'; 216 | font-style: normal; 217 | font-weight: 600; 218 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2') format('woff2'); 219 | unicode-range: U+1F00-1FFF; 220 | } 221 | 222 | /* greek */ 223 | @font-face { 224 | font-family: 'Source Sans Pro'; 225 | font-style: normal; 226 | font-weight: 600; 227 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2') format('woff2'); 228 | unicode-range: U+0370-03FF; 229 | } 230 | 231 | /* vietnamese */ 232 | @font-face { 233 | font-family: 'Source Sans Pro'; 234 | font-style: normal; 235 | font-weight: 600; 236 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2') format('woff2'); 237 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 238 | } 239 | 240 | /* latin-ext */ 241 | @font-face { 242 | font-family: 'Source Sans Pro'; 243 | font-style: normal; 244 | font-weight: 600; 245 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2') format('woff2'); 246 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 247 | } 248 | 249 | /* latin */ 250 | @font-face { 251 | font-family: 'Source Sans Pro'; 252 | font-style: normal; 253 | font-weight: 600; 254 | src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2') format('woff2'); 255 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 256 | } 257 | 258 | html { 259 | font-size: 16px; 260 | } 261 | 262 | body { 263 | font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif !important; 264 | color: #34495e; 265 | -webkit-font-smoothing: antialiased; 266 | line-height: 1.6rem; 267 | letter-spacing: 0; 268 | margin: 0; 269 | overflow-x: hidden; 270 | } 271 | 272 | #write { 273 | max-width: 860px; 274 | margin: 0 auto; 275 | padding: 20px 30px 40px 30px; 276 | padding-top: 20px; 277 | padding-bottom: 100px; 278 | } 279 | 280 | #write p { 281 | /* text-indent: 2rem; */ 282 | line-height: 1.6rem; 283 | word-spacing: .05rem; 284 | } 285 | 286 | #write ol li { 287 | padding-left: 0.5rem; 288 | } 289 | 290 | #write > ul:first-child, 291 | #write > ol:first-child { 292 | margin-top: 30px; 293 | } 294 | 295 | body > *:first-child { 296 | margin-top: 0 !important; 297 | } 298 | 299 | body > *:last-child { 300 | margin-bottom: 0 !important; 301 | } 302 | 303 | a { 304 | color: #42b983; 305 | font-weight: 600; 306 | padding: 0px 2px; 307 | text-decoration: none; 308 | } 309 | 310 | h1, 311 | h2, 312 | h3, 313 | h4, 314 | h5, 315 | h6 { 316 | position: relative; 317 | margin-top: 1rem; 318 | margin-bottom: 1rem; 319 | font-weight: bold; 320 | line-height: 1.4; 321 | cursor: text; 322 | } 323 | 324 | h1:hover a.anchor, 325 | h2:hover a.anchor, 326 | h3:hover a.anchor, 327 | h4:hover a.anchor, 328 | h5:hover a.anchor, 329 | h6:hover a.anchor { 330 | text-decoration: none; 331 | } 332 | 333 | h1 tt, 334 | h1 code { 335 | font-size: inherit; 336 | } 337 | 338 | h2 tt, 339 | h2 code { 340 | font-size: inherit; 341 | } 342 | 343 | h3 tt, 344 | h3 code { 345 | font-size: inherit; 346 | } 347 | 348 | h4 tt, 349 | h4 code { 350 | font-size: inherit; 351 | } 352 | 353 | h5 tt, 354 | h5 code { 355 | font-size: inherit; 356 | } 357 | 358 | h6 tt, 359 | h6 code { 360 | font-size: inherit; 361 | } 362 | 363 | h2 a, 364 | h3 a { 365 | color: #34495e; 366 | } 367 | 368 | h3 a:before { 369 | content: '#'; 370 | color: #42b983; 371 | position: absolute;; 372 | left: -0.7em; 373 | margin-top: -0.05em; 374 | padding-right: 0.5em; 375 | font-size: 1.2em; 376 | line-height: 1; 377 | font-weight: bold; 378 | } 379 | 380 | h1 { 381 | padding-bottom: .4rem; 382 | font-size: 2.2rem; 383 | line-height: 1.3; 384 | } 385 | 386 | h2 { 387 | font-size: 1.75rem; 388 | line-height: 1.225; 389 | margin: 35px 0px 15px 0px; 390 | padding-bottom: 0.5em; 391 | border-bottom: 1px solid #ddd; 392 | } 393 | 394 | h3 { 395 | font-size: 1.4rem; 396 | line-height: 1.43; 397 | margin: 20px 0px 7px 0px; 398 | } 399 | 400 | h4 { 401 | font-size: 1.2rem; 402 | } 403 | 404 | h5 { 405 | font-size: 1rem; 406 | } 407 | 408 | h6 { 409 | font-size: 1rem; 410 | color: #777; 411 | } 412 | 413 | p, 414 | blockquote, 415 | ul, 416 | ol, 417 | dl, 418 | table { 419 | margin: 0.8em 0; 420 | } 421 | 422 | li > ol, 423 | li > ul { 424 | margin: 0 0; 425 | } 426 | 427 | hr { 428 | height: 2px; 429 | padding: 0; 430 | margin: 16px 0; 431 | background-color: #e7e7e7; 432 | border: 0 none; 433 | overflow: hidden; 434 | box-sizing: content-box; 435 | } 436 | 437 | body > h2:first-child { 438 | margin-top: 0; 439 | padding-top: 0; 440 | } 441 | 442 | body > h1:first-child { 443 | margin-top: 0; 444 | padding-top: 0; 445 | } 446 | 447 | body > h1:first-child + h2 { 448 | margin-top: 0; 449 | padding-top: 0; 450 | } 451 | 452 | body > h3:first-child, 453 | body > h4:first-child, 454 | body > h5:first-child, 455 | body > h6:first-child { 456 | margin-top: 0; 457 | padding-top: 0; 458 | } 459 | 460 | a:first-child h1, 461 | a:first-child h2, 462 | a:first-child h3, 463 | a:first-child h4, 464 | a:first-child h5, 465 | a:first-child h6 { 466 | margin-top: 0; 467 | padding-top: 0; 468 | } 469 | 470 | h1 p, 471 | h2 p, 472 | h3 p, 473 | h4 p, 474 | h5 p, 475 | h6 p { 476 | margin-top: 0; 477 | } 478 | 479 | li p.first { 480 | display: inline-block; 481 | } 482 | 483 | ul, 484 | ol { 485 | padding-left: 30px; 486 | } 487 | 488 | ul:first-child, 489 | ol:first-child { 490 | margin-top: 0; 491 | } 492 | 493 | ul:last-child, 494 | ol:last-child { 495 | margin-bottom: 0; 496 | } 497 | 498 | blockquote { 499 | border-left: 4px solid #42b983; 500 | padding: 10px 0px 10px 15px; 501 | color: #777; 502 | background-color: rgba(66, 185, 131, .1); 503 | } 504 | 505 | table { 506 | padding: 0; 507 | word-break: initial; 508 | } 509 | 510 | table tr { 511 | border-top: 1px solid #dfe2e5; 512 | margin: 0; 513 | padding: 0; 514 | } 515 | 516 | table tr:nth-child(2n), 517 | thead { 518 | background-color: #fafafa; 519 | } 520 | 521 | table tr th { 522 | font-weight: bold; 523 | border: 1px solid #dfe2e5; 524 | border-bottom: 0; 525 | text-align: left; 526 | margin: 0; 527 | padding: 6px 13px; 528 | } 529 | 530 | table tr td { 531 | border: 1px solid #dfe2e5; 532 | text-align: left; 533 | margin: 0; 534 | padding: 6px 13px; 535 | } 536 | 537 | table tr th:first-child, 538 | table tr td:first-child { 539 | margin-top: 0; 540 | } 541 | 542 | table tr th:last-child, 543 | table tr td:last-child { 544 | margin-bottom: 0; 545 | } 546 | 547 | #write strong { 548 | padding: 0px 1px 0 1px; 549 | } 550 | 551 | #write em { 552 | padding: 0px 5px 0 2px; 553 | } 554 | 555 | #write table thead th { 556 | background-color: #f2f2f2; 557 | } 558 | 559 | #write .CodeMirror-gutters { 560 | border-right: none; 561 | } 562 | 563 | #write .md-fences { 564 | border: 1px solid #F4F4F4; 565 | -webkit-font-smoothing: initial; 566 | margin: 0.8rem 0 !important; 567 | padding: 0.3rem 0rem !important; 568 | line-height: 1.43rem; 569 | background-color: #F8F8F8 !important; 570 | border-radius: 2px; 571 | font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; 572 | font-size: 0.85rem; 573 | word-wrap: normal; 574 | } 575 | 576 | #write .CodeMirror-wrap .CodeMirror-code pre { 577 | padding-left: 12px; 578 | } 579 | 580 | #write code, tt { 581 | margin: 0 2px; 582 | padding: 2px 4px; 583 | border-radius: 2px; 584 | font-family: Source Sans Pro, Roboto Mono, Monaco, courier, monospace !important; 585 | font-size: 0.92rem; 586 | color: #e96900; 587 | background-color: #f8f8f8; 588 | } 589 | 590 | #write .md-footnote { 591 | background-color: #f8f8f8; 592 | color: #e96900; 593 | } 594 | 595 | /* heighlight. */ 596 | #write mark { 597 | background-color: #EBFFEB; 598 | border-radius: 2px; 599 | padding: 2px 4px; 600 | margin: 0 2px; 601 | color: #222; 602 | font-weight: 500; 603 | } 604 | 605 | #write del { 606 | padding: 1px 2px; 607 | } 608 | 609 | .cm-s-inner .cm-link, 610 | .cm-s-inner.cm-link { 611 | color: #22a2c9; 612 | } 613 | 614 | .cm-s-inner .cm-string { 615 | color: #22a2c9; 616 | } 617 | 618 | .md-task-list-item > input { 619 | margin-left: -1.3em; 620 | } 621 | 622 | @media screen and (min-width: 914px) { 623 | /*body { 624 | width: 854px; 625 | margin: 0 auto; 626 | }*/ 627 | } 628 | 629 | @media print { 630 | html { 631 | font-size: 13px; 632 | } 633 | 634 | table, 635 | pre { 636 | page-break-inside: avoid; 637 | } 638 | 639 | pre { 640 | word-wrap: break-word; 641 | } 642 | } 643 | 644 | .md-fences { 645 | background-color: #f8f8f8; 646 | } 647 | 648 | #write pre.md-meta-block { 649 | padding: 1rem; 650 | font-size: 85%; 651 | line-height: 1.45; 652 | background-color: #f7f7f7; 653 | border: 0; 654 | border-radius: 3px; 655 | color: #777777; 656 | margin-top: 0 !important; 657 | } 658 | 659 | .mathjax-block > .code-tooltip { 660 | bottom: .375rem; 661 | } 662 | 663 | #write > h3.md-focus:before { 664 | left: -1.5625rem; 665 | top: .375rem; 666 | } 667 | 668 | #write > h4.md-focus:before { 669 | left: -1.5625rem; 670 | top: .285714286rem; 671 | } 672 | 673 | #write > h5.md-focus:before { 674 | left: -1.5625rem; 675 | top: .285714286rem; 676 | } 677 | 678 | #write > h6.md-focus:before { 679 | left: -1.5625rem; 680 | top: .285714286rem; 681 | } 682 | 683 | .md-image > .md-meta { 684 | /*border: 1px solid #ddd;*/ 685 | border-radius: 3px; 686 | font-family: Consolas, "Liberation Mono", Courier, monospace; 687 | padding: 2px 0px 0px 4px; 688 | font-size: 0.9em; 689 | color: inherit; 690 | } 691 | 692 | .md-tag { 693 | color: inherit; 694 | } 695 | 696 | .md-toc { 697 | margin-top: 20px; 698 | padding-bottom: 20px; 699 | } 700 | 701 | .sidebar-tabs { 702 | border-bottom: none; 703 | } 704 | 705 | #typora-quick-open { 706 | border: 1px solid #ddd; 707 | background-color: #f8f8f8; 708 | } 709 | 710 | #typora-quick-open-item { 711 | background-color: #FAFAFA; 712 | border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; 713 | border-style: solid; 714 | border-width: 1px; 715 | } 716 | 717 | #md-notification:before { 718 | top: 10px; 719 | } 720 | 721 | /** focus mode */ 722 | 723 | .on-focus-mode blockquote { 724 | border-left-color: rgba(85, 85, 85, 0.12); 725 | } 726 | 727 | header, 728 | .context-menu, 729 | .megamenu-content, 730 | footer { 731 | font-family: "Segoe UI", "Arial", sans-serif; 732 | } 733 | 734 | .file-node-content:hover .file-node-icon, 735 | .file-node-content:hover .file-node-open-state { 736 | visibility: visible; 737 | } 738 | 739 | .mac-seamless-mode #typora-sidebar { 740 | background-color: #fafafa; 741 | background-color: var(--side-bar-bg-color); 742 | } 743 | 744 | .md-lang { 745 | color: #b4654d; 746 | } 747 | 748 | .html-for-mac .context-menu { 749 | --item-hover-bg-color: #E6F0FE; 750 | } -------------------------------------------------------------------------------- /vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2 -------------------------------------------------------------------------------- /vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2 -------------------------------------------------------------------------------- /vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2 -------------------------------------------------------------------------------- /vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2 -------------------------------------------------------------------------------- /vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2 -------------------------------------------------------------------------------- /vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 -------------------------------------------------------------------------------- /vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2 -------------------------------------------------------------------------------- /vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2 -------------------------------------------------------------------------------- /vue/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2 -------------------------------------------------------------------------------- /vue/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2 -------------------------------------------------------------------------------- /vue/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2 -------------------------------------------------------------------------------- /vue/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2 -------------------------------------------------------------------------------- /vue/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2 -------------------------------------------------------------------------------- /vue/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2 -------------------------------------------------------------------------------- /vue/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MamoruDS/typora-vue-dark-theme/9acf68a4917cbf1de9c0a1855d90be895b015e0d/vue/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2 --------------------------------------------------------------------------------