From 1c5bdba36e448f0a71bf641b4b183cd49bea2dad Mon Sep 17 00:00:00 2001
From: Jamie Wong <jamie.lf.wong@gmail.com>
Date: Sun, 26 Jul 2020 17:21:38 -0700
Subject: [PATCH] Increase contrast for matching research results by fading
 text for unmatched frames (#298)

Before:
![image](https://user-images.githubusercontent.com/150329/88493052-ee99f300-cf63-11ea-9522-8de032e920ac.png)

After:
![image](https://user-images.githubusercontent.com/150329/88493062-f9548800-cf63-11ea-9e7e-5c87a1dba836.png)

Works towards #38
---
 src/views/flamechart-pan-zoom-view.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/flamechart-pan-zoom-view.tsx b/src/views/flamechart-pan-zoom-view.tsx
index 6888cc672..288bfb9c2 100644
--- a/src/views/flamechart-pan-zoom-view.tsx
+++ b/src/views/flamechart-pan-zoom-view.tsx
@@ -287,7 +287,11 @@ export class FlamechartPanZoomView extends Component<FlamechartPanZoomViewProps,
 
           // Note that this is specifying the position of the starting text
           // baseline.
-          ctx.fillStyle = Colors.DARK_GRAY
+          if (this.props.searchIsActive && this.props.searchQuery.length > 0 && !match) {
+            ctx.fillStyle = Colors.LIGHT_GRAY
+          } else {
+            ctx.fillStyle = Colors.DARK_GRAY
+          }
           ctx.fillText(
             trimmedText.trimmedString,
             physicalLabelBounds.left() + LABEL_PADDING_PX,