Refine style

6 files changed, 16 insertions, 18 deletions

diff --git a/app/images/copy-to-clipboard.svg b/app/images/copy-to-clipboard.svg
index a2111952..e893acc5 100644
--- a/app/images/copy-to-clipboard.svg
+++ b/app/images/copy-to-clipboard.svg
@@ -12,7 +12,7 @@
                         <g id="Group-5" transform="translate(0.408805, 11.000000)">
                             <g id="copy-to-clipboard">
                                 <rect id="Rectangle-18" stroke="#000000" stroke-width="2" x="1" y="1" width="12.0220126" height="12"></rect>
-                                <rect id="Rectangle-18-Copy-2" fill="#222222" x="2.1572327" y="2" width="14.0220126" height="14"></rect>
+                                <rect id="Rectangle-18-Copy-2" fill="#ffffff" x="2.1572327" y="2" width="14.0220126" height="14"></rect>
                                 <rect id="Rectangle-18-Copy" stroke="#000000" stroke-width="2" x="4.23584906" y="4" width="12.0220126" height="12"></rect>
                             </g>
                         </g>
diff --git a/app/images/download.svg b/app/images/download.svg
index 16cfd38e..577b5ef7 100644
--- a/app/images/download.svg
+++ b/app/images/download.svg
@@ -5,7 +5,7 @@
     <desc>Created with sketchtool.</desc>
     <defs></defs>
     <g id="Reveal-Seedphrase" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Seed-phrase-2" transform="translate(-212.000000, -379.000000)" stroke="#954a97" stroke-width="2">
+        <g id="Seed-phrase-2" transform="translate(-212.000000, -379.000000)" stroke="#000000" stroke-width="2">
             <g id="Group-2">
                 <g id="Group-8" transform="translate(16.000000, 248.000000)">
                     <g id="Group-6" transform="translate(23.336478, 120.000000)">
diff --git a/ui/app/components/export-text-container/index.scss b/ui/app/components/export-text-container/index.scss
index 05f4010a..e913f97b 100644
--- a/ui/app/components/export-text-container/index.scss
+++ b/ui/app/components/export-text-container/index.scss
@@ -3,7 +3,7 @@
   justify-content: center;
   flex-direction: column;
   align-items: center;
-  border: 1px solid $geyser;
+  border: 1px solid #a4a4a4;
   border-radius: 4px;
   font-weight: 400;
 
@@ -13,13 +13,13 @@
     justify-content: center;
     padding: 20px;
     border-radius: 4px;
-    background: $muddy-gray;
+    background: #f0f0f0;
   }
 
   &__text {
     resize: none;
     border: none;
-    background: $muddy-gray;
+    background: #f0f0f0;
     font-size: 20px;
     text-align: center;
   }
@@ -27,7 +27,7 @@
   &__buttons-container {
     display: flex;
     flex-direction: row;
-    border-top: 1px solid $geyser;
+    border-top: 1px solid #a4a4a4;
     width: 100%;
   }
 
@@ -39,14 +39,14 @@
     align-items: center;
     font-size: 12px;
     cursor: pointer;
-    color: $dexon-purple;
+    color: black;
 
     &--copy {
-      border-right: 1px solid $geyser;
+      border-right: 1px solid #a4a4a4;
     }
   }
 
   &__button-text {
     padding-left: 10px;
   }
-}
+}
\ No newline at end of file
diff --git a/ui/app/components/modal/index.scss b/ui/app/components/modal/index.scss
index 873eb9ff..c9d7adc4 100644
--- a/ui/app/components/modal/index.scss
+++ b/ui/app/components/modal/index.scss
@@ -3,7 +3,7 @@
 .modal-container {
   width: 100%;
   height: 100%;
-  background-color: $dark-gray;
+  background-color: white;
   display: flex;
   flex-flow: column;
   border-radius: 8px;
@@ -28,14 +28,13 @@
     display: flex;
     padding: 12px;
     justify-content: center;
-    border-bottom: 1px solid $geyser;
     flex: 0 0 auto;
   }
 
   &__header-close::after {
     content: '\00D7';
     font-size: 40px;
-    color: $dusty-gray;
+    color: black;
     position: absolute;
     top: -5px;
     right: 10px;
@@ -46,7 +45,6 @@
     display: flex;
     flex-flow: row;
     justify-content: center;
-    border-top: 1px solid $geyser;
     padding: 16px;
     flex: 0 0 auto;
 
diff --git a/ui/app/components/network-display/index.scss b/ui/app/components/network-display/index.scss
index cb233e3f..ea59c26d 100644
--- a/ui/app/components/network-display/index.scss
+++ b/ui/app/components/network-display/index.scss
@@ -3,7 +3,7 @@
     display: flex;
     align-items: center;
     justify-content: flex-start;
-    background-color: $muddy-gray;
+    background-color: #f0f0f0;
     padding: 0 10px;
     border-radius: 4px;
     height: 25px;
@@ -12,7 +12,7 @@
   &__name {
     font-size: .75rem;
     padding-left: 5px;
-    color: $dim-gray;
+    color: black;
   }
 
   &__icon {
@@ -25,7 +25,7 @@
     }
 
     &--testnet {
-      background-color: $silver-chalice;
+      background-color: $dexon-purple;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/ui/app/components/page-container/index.scss b/ui/app/components/page-container/index.scss
index 6236e8da..93d7e025 100644
--- a/ui/app/components/page-container/index.scss
+++ b/ui/app/components/page-container/index.scss
@@ -159,7 +159,7 @@
   }
 
   &__warning-container {
-    background: $muddy-gray;
+    background: #f0f0f0;
     padding: 20px;
     display: flex;
     align-items: start;