From 2234b852f6670a91eac9e1a37b0297ce619543a1 Mon Sep 17 00:00:00 2001
From: XPoet <i@xpoet.cn>
Date: Mon, 29 Mar 2021 10:33:37 +0800
Subject: [PATCH] ui: modified scrollbar style

---
 source/css/common/basic.styl     | 4 ++--
 source/css/common/variables.styl | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/source/css/common/basic.styl b/source/css/common/basic.styl
index 5ed5859..2e1ccfd 100644
--- a/source/css/common/basic.styl
+++ b/source/css/common/basic.styl
@@ -16,8 +16,8 @@
   // scrollbar
   // ====================================
   &::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
+    width: 5px;
+    height: 5px;
     transition: all 0.2s ease;
   }
 
diff --git a/source/css/common/variables.styl b/source/css/common/variables.styl
index 979e741..5bbd6a6 100644
--- a/source/css/common/variables.styl
+++ b/source/css/common/variables.styl
@@ -28,11 +28,11 @@ $media-max-width-mobile = 500px;                          // media query max wid
 
 keep-tablet()
   @media (max-width: $media-max-width)
-    {block}
+    { block }
 
 keep-mobile()
   @media (max-width: $media-max-width-mobile)
-    {block}
+    { block }
 
 
 // ========================================================================================
@@ -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 = rgba(200, 200, 200, 0.6);
-$scroll-bar-bg-color = darken($background-color, 6%);
+$scrollbar-color = lighten($default-text-color, 5%);
+$scroll-bar-bg-color = darken($background-color, 10%);
 $link-color = darken($default-text-color, 10%);
 $copyright-info-color = #CC0033;
 $avatar-background-color = #0066CC;