From c4b9818e6526fc259bab1ec35e5287e7c81df998 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Sat, 10 Aug 2024 16:44:15 +0200
Subject: [PATCH] design scrollbar

---
 frontend/src/styles.scss | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index f5bca17..f57a9d6 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -1,3 +1,5 @@
+@import "./assets/style/colors.scss";
+
 * {
   margin: 0;
   scroll-behavior: smooth;
@@ -5,7 +7,28 @@
   color: #fff;
 }
 
-// Fonts
+/*------------- SCROLLBAR -------------*/
+
+::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  background-color: $white;
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+  background-color: $white;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
+  background-color: $gray;
+}
+
+/*------------- FONTS -------------*/
+
 /* dm-sans-100 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */