From 7596261bedfb3d828824aa16299898f3b2b45fd2 Mon Sep 17 00:00:00 2001
From: Guillaume Roux <guillaumeroux123@gmail.com>
Date: Mon, 21 Mar 2022 20:56:30 +0100
Subject: [PATCH] Dark Mode : ConfirmEncryptionPublicKey  (#14074)

---
 .../confirm-encryption-public-key.scss        | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.scss b/ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.scss
index e47c6cb50..0491a34d4 100644
--- a/ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.scss
+++ b/ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.scss
@@ -2,7 +2,7 @@
   &__container {
     width: 380px;
     border-radius: 8px;
-    background-color: var(--white);
+    background-color: var(--color-background-default);
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     display: flex;
     flex-flow: column nowrap;
@@ -54,7 +54,7 @@
 
   &__header-background {
     position: absolute;
-    background-color: var(--athens-grey);
+    background-color: var(--color-background-alternative);
     z-index: 2;
     width: 100%;
     height: 100%;
@@ -77,7 +77,7 @@
   &__header__tip {
     height: 25px;
     width: 25px;
-    background: var(--athens-grey);
+    background: var(--color-background-alternative);
     transform: rotate(45deg);
     position: absolute;
     bottom: -8px;
@@ -92,7 +92,7 @@
   }
 
   &__account {
-    color: var(--dusty-gray);
+    color: var(--color-text-alternative);
     margin-left: 17px;
   }
 
@@ -104,7 +104,7 @@
     @include H7;
 
     height: 22px;
-    background-color: var(--white);
+    background-color: var(--color-background-default);
     width: 124px;
 
     .account-list-item {
@@ -124,7 +124,7 @@
   }
 
   &__balance {
-    color: var(--dusty-gray);
+    color: var(--color-text-alternative);
     margin-right: 17px;
     width: 124px;
   }
@@ -162,7 +162,7 @@
     width: 100%;
     padding-left: 20px;
     padding-right: 20px;
-    color: var(--dusty-gray);
+    color: var(--color-text-alternative);
   }
 
   &__footer {
@@ -174,7 +174,7 @@
     justify-content: center;
     position: relative;
     flex: 0 0 auto;
-    border-top: 1px solid var(--geyser);
+    border-top: 1px solid var(--color-border-muted);
     padding: 1.6rem;
 
     button {
@@ -205,8 +205,8 @@
       height: 48px;
 
       &--default {
-        background-color: #777a87;
-        color: white;
+        background-color: var(--color-background-alternative);
+        color: var(--color-text-alternative);
         width: 48px;
         height: 48px;
         border-radius: 24px;