From 44ded231df6335cc1c8ce9537f7abaf80f9bec98 Mon Sep 17 00:00:00 2001
From: "Hung-Han (Henry) Chen" <chenhungh@gmail.com>
Date: Wed, 1 Sep 2021 16:57:28 +0300
Subject: [PATCH] Use --iconActiveBackground/--iconActiveColor for welcome
 banner indicator

Signed-off-by: Hung-Han (Henry) Chen <chenhungh@gmail.com>
---
 src/renderer/components/+welcome/welcome.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/renderer/components/+welcome/welcome.tsx b/src/renderer/components/+welcome/welcome.tsx
index a4cff08369..bc2fd86e30 100644
--- a/src/renderer/components/+welcome/welcome.tsx
+++ b/src/renderer/components/+welcome/welcome.tsx
@@ -58,6 +58,16 @@ export class Welcome extends React.Component {
                 indicators={welcomeBanner.length > 1}
                 autoPlay={true}
                 navButtonsAlwaysInvisible={true}
+                indicatorIconButtonProps={{
+                  style: {
+                    color: "var(--iconActiveBackground)"
+                  }
+                }}
+                activeIndicatorIconButtonProps={{
+                  style: {
+                    color: "var(--iconActiveColor)"
+                  }
+                }}
               >
                 {welcomeBanner.map((item, index) =>
                   <item.Banner key={index} />