From 41974cec3b564813312f8493797aba22913ab39d Mon Sep 17 00:00:00 2001
From: Guillaume Roux <guillaumeroux123@gmail.com>
Date: Thu, 17 Mar 2022 19:23:56 +0100
Subject: [PATCH] Dark Mode : Connected account popover (#13932)

---
 ui/components/app/connected-accounts-permissions/index.scss | 2 +-
 ui/components/ui/popover/index.scss                         | 2 +-
 ui/components/ui/popover/popover.component.js               | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui/components/app/connected-accounts-permissions/index.scss b/ui/components/app/connected-accounts-permissions/index.scss
index 89fdb39a2..06a2fcad6 100644
--- a/ui/components/app/connected-accounts-permissions/index.scss
+++ b/ui/components/app/connected-accounts-permissions/index.scss
@@ -21,7 +21,7 @@
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
-    color: #24292e;
+    color: var(--color-text-default);
 
     button {
       font-size: $font-size-paragraph;
diff --git a/ui/components/ui/popover/index.scss b/ui/components/ui/popover/index.scss
index 35b170a44..30eccfe29 100644
--- a/ui/components/ui/popover/index.scss
+++ b/ui/components/ui/popover/index.scss
@@ -67,7 +67,7 @@
   &-bg {
     width: 100%;
     height: 100%;
-    background: black;
+    background: var(--color-text-default);
     opacity: 0.2;
   }
 
diff --git a/ui/components/ui/popover/popover.component.js b/ui/components/ui/popover/popover.component.js
index 2cdaee0d5..68c927b5e 100644
--- a/ui/components/ui/popover/popover.component.js
+++ b/ui/components/ui/popover/popover.component.js
@@ -6,6 +6,7 @@ import { useI18nContext } from '../../../hooks/useI18nContext';
 import Box from '../box';
 import {
   ALIGN_ITEMS,
+  COLORS,
   FLEX_DIRECTION,
   JUSTIFY_CONTENT,
 } from '../../../helpers/constants/design-system';
@@ -14,7 +15,7 @@ const defaultHeaderProps = {
   padding: [6, 4, 4],
   display: 'flex',
   flexDirection: FLEX_DIRECTION.COLUMN,
-  backgroundColor: 'white',
+  backgroundColor: COLORS.BACKGROUND_DEFAULT,
   borderRadius: 'xl',
 };