style: changed board scrollbar style

Keith-Web3 · Jul 27, 2023 · 5d1aaa0 · 5d1aaa0
1 parent 6ec575b
commit 5d1aaa0
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/src/sass/index.scss b/src/sass/index.scss
@@ -1,6 +1,20 @@
 @use './resets';
 @use './variables' as *;
 
+html {
+  &::-webkit-scrollbar {
+    width: 6px !important;
+    height: 6px !important;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(#000000, 0.2);
+  }
+  &:has(body > #root > .homepage[data-theme='dark']) {
+    &::-webkit-scrollbar-thumb {
+      background-color: rgba($white, 0.16) !important;
+    }
+  }
+}
 body {
   font-family: 'Plus Jakarta Sans', Nunito, sans-serif;
   display: grid;

diff --git a/src/sass/pages/homepage.scss b/src/sass/pages/homepage.scss
@@ -80,6 +80,10 @@
     .body {
       background-color: $dark-300;
 
+      &::-webkit-scrollbar-thumb {
+        background-color: rgba($white, 0.16);
+      }
+
       &__add-board {
         background: linear-gradient(
           180deg,

diff --git a/src/sass/shared/body.scss b/src/sass/shared/body.scss
@@ -8,6 +8,14 @@
   padding: $spacer;
   overflow-x: auto;
 
+  &::-webkit-scrollbar {
+    width: 6px !important;
+    height: 6px !important;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(#000000, 0.2);
+  }
+
   @include screen(700) {
     min-height: unset;
   }