From 1dd448c26e6ac37fe72742903bc636128fce8419 Mon Sep 17 00:00:00 2001
From: Richard Roggenkemper <rroggenkemper22@berkeley.edu>
Date: Thu, 13 Feb 2025 17:46:37 -0800
Subject: [PATCH] color change

---
 static/app/views/issueDetails/streamline/eventGraph.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/static/app/views/issueDetails/streamline/eventGraph.tsx b/static/app/views/issueDetails/streamline/eventGraph.tsx
index bc844ff5cd72ec..1a247fb5c8ee29 100644
--- a/static/app/views/issueDetails/streamline/eventGraph.tsx
+++ b/static/app/views/issueDetails/streamline/eventGraph.tsx
@@ -190,6 +190,7 @@ export function EventGraph({group, event, ...styleProps}: EventGraphProps) {
   const series = useMemo((): BarChartSeries[] => {
     const seriesData: BarChartSeries[] = [];
     const translucentGray300 = Color(theme.gray300).alpha(0.5).string();
+    const lightGray300 = Color(theme.gray300).alpha(0.2).string();
 
     if (visibleSeries === EventGraphSeries.USER) {
       if (isUnfilteredStatsEnabled) {
@@ -198,7 +199,7 @@ export function EventGraph({group, event, ...styleProps}: EventGraphProps) {
           itemStyle: {
             borderRadius: [2, 2, 0, 0],
             borderColor: theme.translucentGray200,
-            color: translucentGray300,
+            color: lightGray300,
           },
           barGap: '-100%', // Makes bars overlap completely
           data: unfilteredUserSeries,
@@ -224,7 +225,7 @@ export function EventGraph({group, event, ...styleProps}: EventGraphProps) {
           itemStyle: {
             borderRadius: [2, 2, 0, 0],
             borderColor: theme.translucentGray200,
-            color: translucentGray300,
+            color: lightGray300,
           },
           barGap: '-100%', // Makes bars overlap completely
           data: unfilteredEventSeries,