diff --git a/README.md b/README.md index 71ef3b82..7b1ccdcc 100644 --- a/README.md +++ b/README.md @@ -4,10 +4,10 @@ StackEdit中文版的docker镜像地址:[mafgwo/stackedit](https://hub.docker.com/r/mafgwo/stackedit) -**示例截图-黑色主题** +**示例截图-暗色主题** ![](./images/dark.png) -**示例截图-白色主题** +**示例截图-亮色主题** ![](./images/light.png) ## 相比国外开源版本的区别: diff --git a/src/components/Layout.vue b/src/components/Layout.vue index e098476e..18559303 100644 --- a/src/components/Layout.vue +++ b/src/components/Layout.vue @@ -185,7 +185,7 @@ export default { } $preview-background-light: #f3f3f3; -$preview-background-dark: #252525; +$preview-background-dark: #444; .layout__panel--preview, .layout__panel--button-bar { diff --git a/src/components/Tour.vue b/src/components/Tour.vue index c1f529a8..5b4e11e7 100644 --- a/src/components/Tour.vue +++ b/src/components/Tour.vue @@ -39,7 +39,7 @@
StackEdit中文版可以切换黑白主题。
+StackEdit中文版可以切换亮/暗主题。
点击
您将要删除讨论。你确定吗?
', + '您将要删除批注。你确定吗?
', '取消', '确认删除', ), diff --git a/src/styles/base.scss b/src/styles/base.scss index 5cc1159a..ee4a1c2c 100644 --- a/src/styles/base.scss +++ b/src/styles/base.scss @@ -32,6 +32,11 @@ dl { margin: 0 0 1.1em; } +ul, +ol { + padding-left: 30px; +} + h1, h2, h3, @@ -66,12 +71,12 @@ dt { a { color: $link-color; - text-decoration: underline; + text-decoration: none; text-decoration-skip: ink; &:hover, &:focus { - text-decoration: none; + text-decoration: underline; } } @@ -100,8 +105,8 @@ blockquote { .app--dark .layout__panel--editor &, .app--dark .layout__panel--preview & { color: rgba(255, 255, 255, 0.4); - border-left-color: rgba(255, 255, 255, 0.1); - background: #3a3a3c; + border-left-color: #333; + background: rgba(51, 51, 51, 0.5); } } diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 16c5d1bd..6f440bc5 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -3,12 +3,12 @@ $font-family-monospace: 'Roboto Mono', 'Lucida Sans Typewriter', 'Lucida Console $body-color-light: rgba(0, 0, 0, 0.75); $body-color-dark: rgba(255, 255, 255, 0.75); $code-bg: rgba(0, 0, 0, 0.05); -$code-dark-bg: rgba(255, 255, 255, 0.1); +$code-dark-bg: #333; $line-height-base: 1.67; $line-height-title: 1.33; $font-size-monospace: 0.85em; $highlighting-color: #ff0; -$selection-highlighting-color: #ff9632; +$selection-highlighting-color: #ffb067; $info-bg: #ffad3326; $code-border-radius: 3px; $link-color: #0c93e4;