Change scrollbar style

src/app/dashboard/dashboard.component.scss

@@ -22,6 +22,26 @@
   }
 }
 
+@mixin set-scrollbar-style() {
+
+  ::-webkit-scrollbar-track
+  {
+    background-color: #F5F5F5;
+  }
+
+  ::-webkit-scrollbar
+  {
+    width: 4px;
+    background-color: #F5F5F5;
+  }
+
+  ::-webkit-scrollbar-thumb
+  {
+    background-color: gray;
+  }
+
+}
+
 .tfw-grid-main-components {
   display: grid;
   width: 100vw;
@@ -58,10 +78,14 @@
     div[class="terminal-ide-web"] & {
       max-height: 55vmin;
     }
+
+    @include set-scrollbar-style();
+
   }
 
   .tfw-ide {
     background-color: $tao-plum-900;
+    @include set-scrollbar-style();
   }
 
   .tfw-sidebar {
@@ -78,6 +102,8 @@
   .tfw-terminal {
     overflow-y: hidden;
     background-color: $tao-gray-800;
+    @include set-scrollbar-style();
+
 
     div[class*="web"] & {
       border-top: 1px solid $tao-plum-100;