lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: modified scrollbar color

This commit is contained in:
XPoet 2021-03-17 11:31:50 +08:00
parent 05e99cce0b
commit 1af16cdeae
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
source/css/common/basic.styl
View File

@ -23,6 +23,7 @@
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background: var(--scrollbar-color); background: var(--scrollbar-color);
border-radius: 1px;
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {

8
source/css/common/variables.styl
View File

@ -71,8 +71,8 @@ $border-color = darken($background-color, 30%);
$selection-color = lighten($primary-color, 10%); $selection-color = lighten($primary-color, 10%);
$shadow-color = rgba(0, 0, 0, 0.2); $shadow-color = rgba(0, 0, 0, 0.2);
$shadow-hover-color = rgba(0, 0, 0, 0.28); $shadow-hover-color = rgba(0, 0, 0, 0.28);
$scrollbar-color = #505050; $scrollbar-color = rgba(200, 200, 200, 0.6);
$scroll-bar-bg-color = darken($background-color, 10%); $scroll-bar-bg-color = darken($background-color, 6%);
$link-color = darken($default-text-color, 10%); $link-color = darken($default-text-color, 10%);
$copyright-info-color = #CC0033; $copyright-info-color = #CC0033;
$avatar-background-color = #0066CC; $avatar-background-color = #0066CC;
@ -94,8 +94,8 @@ $dark-border-color = lighten($dark-background-color, 20%);
$dark-selection-color = $selection-color; $dark-selection-color = $selection-color;
$dark-shadow-color = rgba(128, 128, 128, 0.2); $dark-shadow-color = rgba(128, 128, 128, 0.2);
$dark-shadow-hover-color = rgba(128, 128, 128, 0.28); $dark-shadow-hover-color = rgba(128, 128, 128, 0.28);
$dark-scrollbar-color = #303030; $dark-scrollbar-color = darken($dark-background-color, 10%);
$dark-scroll-bar-bg-color = lighten($dark-background-color, 10%); $dark-scroll-bar-bg-color = lighten($dark-background-color, 20%);
$dark-link-color = lighten($dark-default-text-color, 10%); $dark-link-color = lighten($dark-default-text-color, 10%);
$dark-copyright-info-color = darken($copyright-info-color, 20%); $dark-copyright-info-color = darken($copyright-info-color, 20%);
$dark-avatar-background-color = darken($avatar-background-color, 10%); $dark-avatar-background-color = darken($avatar-background-color, 10%);