From 4f5367f263b795ff21c21a66290a33bee90048bd Mon Sep 17 00:00:00 2001
From: Viraj Bahulkar <bbahulkar@gmail.com>
Date: Thu, 26 Aug 2021 17:46:10 +0530
Subject: [PATCH] Fix launch button color in dark mode (#607)

---
 frontend/src/HomePage/HomePage.jsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/src/HomePage/HomePage.jsx b/frontend/src/HomePage/HomePage.jsx
index b133474987..2efb12b1d8 100644
--- a/frontend/src/HomePage/HomePage.jsx
+++ b/frontend/src/HomePage/HomePage.jsx
@@ -224,13 +224,26 @@ class HomePage extends React.Component {
 
                                   target={app?.current_version_id ? '_blank' : ''}
                                 >
+                                  {!this.props.darkMode &&
                                   <OverlayTrigger
                                     placement="top"
                                     overlay={(props) => renderTooltip({props, text: app?.current_version_id == null ? 'App does not have a deployed version' : 'Open in app viewer'})}
                                   >
-                                    <span className={`${app?.current_version_id ? 'badge bg-blue-lt mx-2 ' : 'badge bg-light-grey mx-2'}`}
-                                    >launch </span>
+                                    {<span className={`${app?.current_version_id ? 'badge bg-blue-lt mx-2 ' : 'badge bg-light-grey mx-2'}`}
+                                    >launch </span>}
                                   </OverlayTrigger>
+                                  }
+                                  {this.props.darkMode &&
+                                  <OverlayTrigger
+                                    placement="top"
+                                    overlay={(props) => renderTooltip({props, text: app?.current_version_id == null ? 'App does not have a deployed version' : 'Open in app viewer'})}
+                                  >
+                                    {<span className={`${app?.current_version_id == null ? 'badge mx-2 ' : 'badge bg-azure-lt mx-2'}`} 
+                                    style={{
+                                      filter: app?.current_version_id == null ? 'brightness(0.8)' : 'brightness(1) invert(1)'}}
+                                    >launch </span>}
+                                  </OverlayTrigger>
+                                  }
                                 </Link>
 
                                 <AppMenu