From ded72e6091db6df6d245232840a9ea8255baca02 Mon Sep 17 00:00:00 2001
From: pavelpashkovsky <pavelpashkovsky@gmail.com>
Date: Mon, 5 Sep 2022 13:43:46 +0300
Subject: [PATCH] fix: flamegraph table, buttons colors for light mode

---
 packages/pyroscope-flamegraph/src/Toolbar.module.css | 4 ++++
 webapp/sass/common.scss                              | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/packages/pyroscope-flamegraph/src/Toolbar.module.css b/packages/pyroscope-flamegraph/src/Toolbar.module.css
index 7fbf6395d7..ca8230f92d 100644
--- a/packages/pyroscope-flamegraph/src/Toolbar.module.css
+++ b/packages/pyroscope-flamegraph/src/Toolbar.module.css
@@ -5,6 +5,10 @@
   align-items: center;
 }
 
+.navbar button {
+  color: var(--ps-neutral-2);
+}
+
 /* Give same amount of space between all children */
 .navbar > *:not(:first-child) {
   margin-left: 5px;
diff --git a/webapp/sass/common.scss b/webapp/sass/common.scss
index dc35df5954..222e01af1e 100644
--- a/webapp/sass/common.scss
+++ b/webapp/sass/common.scss
@@ -45,8 +45,13 @@ tt {
   font-size: 14px;
   border: 1px solid var(--ps-ui-border);
 
+  thead th {
+    color: var(--ps-neutral-2);
+  }
+
   th,
   td {
+    color: var(--ps-neutral-2);
     text-align: right;
     padding: 0px 10px;