From 03540a424e95f7d3d08700aa79bed68fb12c78b1 Mon Sep 17 00:00:00 2001 From: Papia Karmakar Date: Sat, 23 May 2026 21:38:15 +0530 Subject: [PATCH] Implement custom scrollbar styles Add custom scrollbar styles for Firefox and WebKit browsers. --- src/index.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/src/index.css b/src/index.css index 3f5943c5..90bf12a7 100644 --- a/src/index.css +++ b/src/index.css @@ -89,3 +89,28 @@ .icon-issue-closed { color: #cf222e; } + +/* --Firefox support -- */ +html { + scrollbar-width: thin; + scrollbar-color: rgba(96, 165, 250, 0.78) transparent; +} + +/* --Chrome, Edge, Safari, and Opera support -- */ +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-track { + background: transparent; +} + +::-webkit-scrollbar-thumb { + background: rgba(96, 165, 250, 0.78); + border-radius: 9999px; +} + +::-webkit-scrollbar-thumb:hover { + background: rgba(156, 163, 175, 0.8); +}