diff --git a/source/css/common/basic.styl b/source/css/common/basic.styl index 9163430..5ed5859 100644 --- a/source/css/common/basic.styl +++ b/source/css/common/basic.styl @@ -23,6 +23,7 @@ &::-webkit-scrollbar-thumb { background: var(--scrollbar-color); + border-radius: 1px; } &::-webkit-scrollbar-track { diff --git a/source/css/common/markdown.styl b/source/css/common/markdown.styl index 16e1170..73f11fb 100644 --- a/source/css/common/markdown.styl +++ b/source/css/common/markdown.styl @@ -3,7 +3,9 @@ blockquote { - p { + p, + ul, + ol { padding: 5px 5px 5px 10px; } @@ -59,7 +61,8 @@ } - ul > li, ol > li { + ul > li, + ol > li { margin-left: 16px; line-height: 2rem; } diff --git a/source/css/common/variables.styl b/source/css/common/variables.styl index 50179be..979e741 100644 --- a/source/css/common/variables.styl +++ b/source/css/common/variables.styl @@ -71,8 +71,8 @@ $border-color = darken($background-color, 30%); $selection-color = lighten($primary-color, 10%); $shadow-color = rgba(0, 0, 0, 0.2); $shadow-hover-color = rgba(0, 0, 0, 0.28); -$scrollbar-color = #505050; -$scroll-bar-bg-color = darken($background-color, 10%); +$scrollbar-color = rgba(200, 200, 200, 0.6); +$scroll-bar-bg-color = darken($background-color, 6%); $link-color = darken($default-text-color, 10%); $copyright-info-color = #CC0033; $avatar-background-color = #0066CC; @@ -94,8 +94,8 @@ $dark-border-color = lighten($dark-background-color, 20%); $dark-selection-color = $selection-color; $dark-shadow-color = rgba(128, 128, 128, 0.2); $dark-shadow-hover-color = rgba(128, 128, 128, 0.28); -$dark-scrollbar-color = #303030; -$dark-scroll-bar-bg-color = lighten($dark-background-color, 10%); +$dark-scrollbar-color = darken($dark-background-color, 10%); +$dark-scroll-bar-bg-color = lighten($dark-background-color, 20%); $dark-link-color = lighten($dark-default-text-color, 10%); $dark-copyright-info-color = darken($copyright-info-color, 20%); $dark-avatar-background-color = darken($avatar-background-color, 10%);