Add chrome scrollbar style

static/css/navbar.css

@@ -1,9 +1,7 @@
 /* Navbar */
 .navbar {
   background-color: var(--navbar-background-color);
-  border-color: var(--border-color);
-  border-width: var(--border-width);
-  border-style: var(--border-style);
+  border-bottom: var(--border-width) var(--border-style) var(--border-color);
   display: flex;
   justify-content: space-between;
   position: sticky;

static/css/style.css

@@ -396,6 +396,26 @@ pre {
   overflow-x: auto;
 }
 
+.highlight pre {
+  background: none !important;
+}
+
+/* Style for WebKit browsers (Chrome, Safari, etc.) */
+*::-webkit-scrollbar {
+  height: 5px;
+  border-radius: 6px;
+  background: #1f1f28;
+}
+
+*::-webkit-scrollbar-thumb {
+  border-radius: 6px;
+  background: #585653;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background: #454445; /* Background color on hover */
+}
+
 .codeblock {
   position: relative;
   background-color: var(--codeblock-bg-color);