Scrollbar styling

1 files changed, 19 insertions, 3 deletions

diff --git a/vnext/src/index.css b/vnext/src/index.css
index e30ba03d..2f5d0b5e 100644
--- a/vnext/src/index.css
+++ b/vnext/src/index.css
@@ -308,6 +308,25 @@ hr {
     color: #88958d;
 }
 
+::-webkit-scrollbar {
+    width: 6px;
+} /* this targets the default scrollbar (compulsory) */
+::-webkit-scrollbar-track {
+    background-color: #f8f8f8;
+} /* the new scrollbar will have a flat appearance with the set background color */
+
+::-webkit-scrollbar-thumb {
+    background-color: #ff339a;
+} /* this will style the thumb, ignoring the track */
+
+::-webkit-scrollbar-button {
+    background-color: #eee;
+} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
+
+::-webkit-scrollbar-corner {
+    background-color: black;
+}
+
 @media (--viewport-desktop) {
     #app {
         grid-template-areas: "header header header header"". footer content .";
@@ -336,7 +355,4 @@ hr {
         border-top: initial;
         border-right: 2px solid #ff339a;
     }
-    #content {
-        overflow-y: initial;
-    }
 }