feat(styles): add global scrollbar styling with theme awareness (#1158)

* feat(styles): add global scrollbar styling with theme awareness #1157

* Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

* fix(update): color value update

---------

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Author: sujal12344

website/src/css/custom.css

@@ -5383,6 +5383,70 @@ nav.table-of-contents .table-of-contents__link--active,
   background-color: rgba(156, 163, 175, 0.5);
 }
 
+/* Global scrollbar styling - theme-aware */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(75, 85, 99, 0.4) transparent;
+}
+
+*::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: rgba(75, 85, 99, 0.4);
+  border-radius: 4px;
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(75, 85, 99, 0.6);
+}
+
+*::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+/* Dark mode global scrollbar */
+[data-theme="dark"] * {
+  scrollbar-color: rgba(107, 114, 128, 0.5) rgba(0, 0, 0, 0.2);
+}
+
+[data-theme="dark"] *::-webkit-scrollbar-thumb {
+  background-color: rgba(107, 114, 128, 0.5);
+}
+
+[data-theme="dark"] *::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(107, 114, 128, 0.7);
+}
+
+[data-theme="dark"] *::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+/* Light mode global scrollbar */
+[data-theme="light"] *:not(.tableOfContents) {
+  scrollbar-color: rgba(55, 65, 81, 0.4) rgba(229, 231, 235, 0.5);
+}
+
+[data-theme="light"] *:not(.tableOfContents)::-webkit-scrollbar-thumb {
+  background-color: rgba(55, 65, 81, 0.4);
+}
+
+[data-theme="light"] *:not(.tableOfContents)::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(55, 65, 81, 0.6);
+}
+
+[data-theme="light"] *:not(.tableOfContents)::-webkit-scrollbar-track {
+  background: rgba(229, 231, 235, 0.5);
+}
+
 /* Animate the active TOC item */
 .table-of-contents__link--active {
   transition: all 0.2s ease;