From 62024d0ef0c89d07ed9c5c46fe3299ccb8e05766 Mon Sep 17 00:00:00 2001
From: David Walsh <davidwalsh83@gmail.com>
Date: Tue, 22 Mar 2022 13:39:55 -0500
Subject: [PATCH] Dark Mode: Connected Status Indicator (#14096)

---
 .../connected-status-indicator.js                           | 6 +++---
 ui/components/app/connected-status-indicator/index.scss     | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui/components/app/connected-status-indicator/connected-status-indicator.js b/ui/components/app/connected-status-indicator/connected-status-indicator.js
index 969cb401c..5a45880b0 100644
--- a/ui/components/app/connected-status-indicator/connected-status-indicator.js
+++ b/ui/components/app/connected-status-indicator/connected-status-indicator.js
@@ -37,13 +37,13 @@ export default function ConnectedStatusIndicator({ onClick }) {
   }
 
   let indicatorType = ColorIndicator.TYPES.OUTLINE;
-  let indicatorColor = COLORS.UI4;
+  let indicatorColor = COLORS.INFO_DEFAULT;
 
   if (status === STATUS_CONNECTED) {
-    indicatorColor = COLORS.SUCCESS1;
+    indicatorColor = COLORS.SUCCESS_DEFAULT;
     indicatorType = ColorIndicator.TYPES.PARTIAL;
   } else if (status === STATUS_CONNECTED_TO_ANOTHER_ACCOUNT) {
-    indicatorColor = COLORS.ALERT1;
+    indicatorColor = COLORS.ERROR_DEFAULT;
   }
 
   const text =
diff --git a/ui/components/app/connected-status-indicator/index.scss b/ui/components/app/connected-status-indicator/index.scss
index 553a9954e..547086abb 100644
--- a/ui/components/app/connected-status-indicator/index.scss
+++ b/ui/components/app/connected-status-indicator/index.scss
@@ -32,11 +32,11 @@
   }
 
   &__green-circle {
-    border-color: #4cd964;
+    border-color: var(--color-success-default);
   }
 
   &__green-circle &__inner-circle {
-    background-color: #4cd964;
+    background-color: var(--color-success-default);
   }
 
   &__yellow-circle {