[ez][HUD] Add darkmode for scroll to highlight (#6496)

Makes the highlight color for scroll to dark blue. Feel free to suggest
other colors

Light mode is unchanged
Old
<img width="846" alt="image"
src="https://github.com/user-attachments/assets/792a61b7-fed5-4c17-ad57-6f0ec1108784"
/>


New
<img width="829" alt="image"
src="https://github.com/user-attachments/assets/f88859a4-3fe8-420d-a034-1a9494e99852"
/>

Author: clee2000

torchci/lib/useScrollTo.ts

@@ -8,7 +8,7 @@ export default function useScrollTo() {
     if (id != null) {
       const job = document.getElementById(id);
       window.scrollTo({ top: job?.offsetTop, behavior: "smooth" });
-      job?.style.setProperty("background-color", "LightYellow");
+      job?.style.setProperty("background-color", "var(--scroll-highlight-bg)");
     }
   }, [router.asPath]);
 }

torchci/styles/globals.css

@@ -61,6 +61,9 @@
   --color-pending: #ffc107;
   --color-flaky: #8bc34a;
   --color-classified: lightpink;
+
+  /* Scroll to highlight */
+  --scroll-highlight-bg: lightyellow;
 }
 
 .dark-mode {
@@ -116,6 +119,9 @@
   --tooltip-bg: #3a3a3a;
   --tooltip-pinned-bg: #1e4555;
   --tooltip-text: #e0e0e0;
+
+  /* Scroll to highlight */
+  --scroll-highlight-bg: rgba(0, 22, 74, 0.7);
 }
 
 html {