style: remove unused scrollbar styles from shared and custom theme (#4422)

Author: clicktodev

website/src/css/_shared.scss

@@ -44,30 +44,3 @@
     color: var(--ifm-link-color);
   }
 }
-
-%scrollbar-style {
-  &::-webkit-scrollbar {
-    width: 7px;
-    height: 7px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #888;
-    border-radius: 10px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: #f1f1f1;
-    border-radius: 10px;
-  }
-}
-
-%scrollbar-style-dark {
-  &::-webkit-scrollbar-track {
-    background: #141414;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: var(--ifm-color-emphasis-200);
-  }
-}

website/src/css/customTheme.scss

@@ -442,10 +442,6 @@ hr {
     background-color: var(--ifm-color-emphasis-300);
   }
 
-  .prism-code {
-    @extend %scrollbar-style;
-  }
-
   .tabs {
     border-bottom: 1px solid var(--ifm-table-border-color);
     color: var(--ifm-font-color-base);
@@ -493,10 +489,6 @@ html[data-theme="dark"] {
       }
     }
 
-    .prism-code {
-      @extend %scrollbar-style-dark;
-    }
-
     div[class*="codeBlockTitle"] {
       color: var(--docsearch-muted-color);
       background-color: var(--deepdark);
@@ -605,12 +597,6 @@ html[data-theme="dark"] .homepage {
   }
 }
 
-/* Sidebars */
-
-html[data-theme="dark"] {
-  @extend %scrollbar-style-dark;
-}
-
 /* Blog */
 
 .avatar__name {
@@ -976,10 +962,6 @@ So we need to "revert" some CSS vars to not enforce dark mode
 aside[class^="theme-doc-sidebar-container"] {
   margin-right: 16px;
 
-  .thin-scrollbar {
-    @extend %scrollbar-style;
-  }
-
   .menu__list .menu__list {
     margin-top: 0;
   }
@@ -1164,8 +1146,6 @@ aside[class^="theme-doc-sidebar-container"] {
 }
 
 html[data-theme="dark"] .menu {
-  @extend %scrollbar-style-dark;
-
   .menu__list > .menu__list-item > .menu__link--sublist {
     color: var(--ifm-color-emphasis-400);
   }
@@ -1180,8 +1160,6 @@ html[data-theme="dark"] .menu {
 div[class^="tableOfContents"] {
   min-width: 100%;
   width: 100%;
-
-  @extend %scrollbar-style;
 }
 
 .table-of-contents {
@@ -1255,10 +1233,6 @@ html[data-theme="dark"] {
   }
 }
 
-html[data-theme="dark"] div[class^="tableOfContents"] {
-  @extend %scrollbar-style-dark;
-}
-
 button[class*="tocCollapsibleButton"] {
   color: var(--ifm-color-content-secondary);
 }
@@ -2044,18 +2018,6 @@ html[data-theme="dark"] .docsRating {
       margin-bottom: 2.5rem !important;
     }
   }
-
-  aside nav {
-    @extend %scrollbar-style;
-  }
-}
-
-html[data-theme="dark"].blog-wrapper {
-  .main-wrapper {
-    aside nav {
-      @extend %scrollbar-style-dark;
-    }
-  }
 }
 
 html[data-theme="light"].blog-wrapper {