From c8881b98ba6fb415cefa3108ea659c5acae6c7a7 Mon Sep 17 00:00:00 2001
From: Wulian233 <1055917385@qq.com>
Date: Sun, 5 Apr 2026 10:38:05 +0800
Subject: [PATCH 1/2] gh-142927: Add scrollbar support to Tachyon HTML dark
 mode

---
 .../sampling/_shared_assets/base.css          | 21 +++++++++++++++++++
 ...-04-05-10-37-39.gh-issue-142927.B6Gtg9.rst |  1 +
 2 files changed, 22 insertions(+)
 create mode 100644 Misc/NEWS.d/next/Library/2026-04-05-10-37-39.gh-issue-142927.B6Gtg9.rst

diff --git a/Lib/profiling/sampling/_shared_assets/base.css b/Lib/profiling/sampling/_shared_assets/base.css
index 2164f3f3aa13c7..dd889992bdaa53 100644
--- a/Lib/profiling/sampling/_shared_assets/base.css
+++ b/Lib/profiling/sampling/_shared_assets/base.css
@@ -410,6 +410,27 @@ a.toolbar-btn:focus-visible {
   outline-offset: 2px;
 }
 
+/* --------------------------------------------------------------------------
+   Scrollbar
+   -------------------------------------------------------------------------- */
+* {
+  scrollbar-color: var(--border) var(--bg-secondary);
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--border);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--text-muted);
+}
+
 /* --------------------------------------------------------------------------
    Shared Responsive
    -------------------------------------------------------------------------- */
diff --git a/Misc/NEWS.d/next/Library/2026-04-05-10-37-39.gh-issue-142927.B6Gtg9.rst b/Misc/NEWS.d/next/Library/2026-04-05-10-37-39.gh-issue-142927.B6Gtg9.rst
new file mode 100644
index 00000000000000..8ed672595d0476
--- /dev/null
+++ b/Misc/NEWS.d/next/Library/2026-04-05-10-37-39.gh-issue-142927.B6Gtg9.rst
@@ -0,0 +1 @@
+Add scrollbar support to Tachyon HTML dark mode

From c6504b28ab3bbf6453a53df000f6ab1f9b8561d3 Mon Sep 17 00:00:00 2001
From: Wulian233 <1055917385@qq.com>
Date: Sun, 5 Apr 2026 19:48:06 +0800
Subject: [PATCH 2/2] update

---
 .../_flamegraph_assets/flamegraph.css         | 15 +++++++++++++
 .../sampling/_heatmap_assets/heatmap.css      |  4 ++++
 .../sampling/_shared_assets/base.css          | 21 -------------------
 3 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/Lib/profiling/sampling/_flamegraph_assets/flamegraph.css b/Lib/profiling/sampling/_flamegraph_assets/flamegraph.css
index c4da169d15de88..3975130ae10b51 100644
--- a/Lib/profiling/sampling/_flamegraph_assets/flamegraph.css
+++ b/Lib/profiling/sampling/_flamegraph_assets/flamegraph.css
@@ -171,6 +171,7 @@ html, body {
   width: var(--sidebar-width);
   background: var(--bg-secondary);
   border-right: 1px solid var(--border);
+  scrollbar-color: var(--border) var(--bg-secondary);
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -178,6 +179,19 @@ html, body {
   position: relative;
 }
 
+.sidebar::-webkit-scrollbar {
+  height: 6px;
+}
+
+.sidebar::-webkit-scrollbar-thumb {
+  background: var(--border);
+  border-radius: 3px;
+}
+
+.sidebar::-webkit-scrollbar-thumb:hover {
+  background: var(--text-muted);
+}
+
 .sidebar.collapsed {
   width: var(--sidebar-collapsed) !important;
   transition: width var(--transition-normal);
@@ -748,6 +762,7 @@ body.resizing-sidebar {
   min-width: 0;
   overflow: hidden;
   background: var(--bg-primary);
+  scrollbar-color: var(--border) var(--bg-secondary);
   position: relative;
 }
 
diff --git a/Lib/profiling/sampling/_heatmap_assets/heatmap.css b/Lib/profiling/sampling/_heatmap_assets/heatmap.css
index 8f7f034ba7e596..43594506541728 100644
--- a/Lib/profiling/sampling/_heatmap_assets/heatmap.css
+++ b/Lib/profiling/sampling/_heatmap_assets/heatmap.css
@@ -813,6 +813,10 @@
 }
 
 /* Scrollbar Styling */
+.line-content {
+  scrollbar-color: var(--border) var(--bg-secondary);
+}
+
 .line-content::-webkit-scrollbar {
   height: 6px;
 }
diff --git a/Lib/profiling/sampling/_shared_assets/base.css b/Lib/profiling/sampling/_shared_assets/base.css
index dd889992bdaa53..2164f3f3aa13c7 100644
--- a/Lib/profiling/sampling/_shared_assets/base.css
+++ b/Lib/profiling/sampling/_shared_assets/base.css
@@ -410,27 +410,6 @@ a.toolbar-btn:focus-visible {
   outline-offset: 2px;
 }
 
-/* --------------------------------------------------------------------------
-   Scrollbar
-   -------------------------------------------------------------------------- */
-* {
-  scrollbar-color: var(--border) var(--bg-secondary);
-}
-
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-thumb {
-  background: var(--border);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: var(--text-muted);
-}
-
 /* --------------------------------------------------------------------------
    Shared Responsive
    -------------------------------------------------------------------------- */