Added custom scroll bar

Author: dasabhijit2004

src/App.css

@@ -45,6 +45,24 @@ body {
   color: var(--primary-font-color);
 }
 
+/* Apply to whole page */
+body::-webkit-scrollbar {
+  width: 10px;
+}
+
+body::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 10px;
+}
+
+body::-webkit-scrollbar-thumb {
+  background: linear-gradient(to bottom, #4e54c8, #8f94fb);
+  border-radius: 10px;
+}
+
+body::-webkit-scrollbar-thumb:hover {
+  background: linear-gradient(to bottom, #3c40c6, #4e4e8f);
+}
 
 h1 {
   font-size: 3.2rem;

src/components/styles/ReadingMode.css

@@ -1,7 +1,28 @@
-.scroll-none::-webkit-scrollbar-thumb{
-  display: none;
+.custom-scroll {
+  max-height: 300px;
+  overflow-y: auto;
 }
 
+/* Custom Scrollbar for the container */
+.custom-scroll::-webkit-scrollbar {
+  width: 8px;
+}
+
+.custom-scroll::-webkit-scrollbar-track {
+  background: #e0e0e0;
+  border-radius: 10px;
+}
+
+.custom-scroll::-webkit-scrollbar-thumb {
+  background-color: #888;
+  border-radius: 10px;
+}
+
+.custom-scroll::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}
+
+
 .reading-mode-container {
   transition: all 0.3s ease-in-out;
   display: grid;