Skip to content

Commit cd54646

Browse files
Update Tachyon dark theme colors
When we aligned the dark theme colors with the heatmap legend palette, the flamegraph became too gloomy. To improve clarity and contrast, we should use more muted colors for the heatmap and more vibrant colors for the flamegraph.
1 parent 92d4aea commit cd54646

File tree

2 files changed

+21
-9
lines changed

2 files changed

+21
-9
lines changed

Lib/profiling/sampling/_heatmap_assets/heatmap.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,18 @@
55
This file extends the shared foundation with heatmap-specific styles.
66
========================================================================== */
77

8+
/* Heatmap heat colors - using base.css colors with 60% opacity */
9+
[data-theme="dark"] {
10+
--heat-1: rgba(90, 123, 167, 0.60);
11+
--heat-2: rgba(106, 148, 168, 0.60);
12+
--heat-3: rgba(122, 172, 172, 0.60);
13+
--heat-4: rgba(142, 196, 152, 0.60);
14+
--heat-5: rgba(168, 216, 136, 0.60);
15+
--heat-6: rgba(200, 222, 122, 0.60);
16+
--heat-7: rgba(244, 212, 93, 0.60);
17+
--heat-8: rgba(255, 122, 69, 0.60);
18+
}
19+
820
/* --------------------------------------------------------------------------
921
Layout Overrides (Heatmap-specific)
1022
-------------------------------------------------------------------------- */

Lib/profiling/sampling/_shared_assets/base.css

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -124,15 +124,15 @@
124124

125125
--header-gradient: linear-gradient(135deg, #21262d 0%, #30363d 100%);
126126

127-
/* Dark mode heat palette - muted colors that provide sufficient contrast with light text */
128-
--heat-1: rgba(74, 123, 167, 0.35);
129-
--heat-2: rgba(90, 159, 168, 0.38);
130-
--heat-3: rgba(106, 181, 181, 0.40);
131-
--heat-4: rgba(126, 196, 136, 0.42);
132-
--heat-5: rgba(160, 216, 120, 0.45);
133-
--heat-6: rgba(196, 222, 106, 0.48);
134-
--heat-7: rgba(244, 212, 77, 0.50);
135-
--heat-8: rgba(255, 107, 53, 0.55);
127+
/* Dark mode heat palette - cool to warm gradient for visualization */
128+
--heat-1: rgba(90, 123, 167, 1);
129+
--heat-2: rgba(106, 148, 168, 1);
130+
--heat-3: rgba(122, 172, 172, 1);
131+
--heat-4: rgba(142, 196, 152, 1);
132+
--heat-5: rgba(168, 216, 136, 1);
133+
--heat-6: rgba(200, 222, 122, 1);
134+
--heat-7: rgba(244, 212, 93, 1);
135+
--heat-8: rgba(255, 122, 69, 1);
136136

137137
/* Code view specific - dark mode */
138138
--code-bg: #0d1117;

0 commit comments

Comments
 (0)