From 351a51d4a453a84cd7def5343ee026d961cf9dbb Mon Sep 17 00:00:00 2001
From: George Marshall <george.marshall@consensys.net>
Date: Wed, 23 Mar 2022 17:05:55 -0700
Subject: [PATCH] Dark mode: first time flow icons (#14160)

---
 app/images/download-alt.svg                                | 7 -------
 app/images/thin-plus.svg                                   | 6 ------
 ui/pages/first-time-flow/select-action/index.scss          | 2 +-
 .../select-action/select-action.component.js               | 4 ++--
 4 files changed, 3 insertions(+), 16 deletions(-)
 delete mode 100644 app/images/download-alt.svg
 delete mode 100644 app/images/thin-plus.svg

diff --git a/app/images/download-alt.svg b/app/images/download-alt.svg
deleted file mode 100644
index c59f815ef..000000000
--- a/app/images/download-alt.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg fill="none" height="40" width="40" xmlns="http://www.w3.org/2000/svg">
-    <g fill="#979797">
-        <rect height="4.571" rx="2.286" transform="rotate(180 40 40)" width="40" x="40" y="40"/>
-        <rect height="21.714" rx="2.051" transform="rotate(180 22.564 21.714)" width="4.103" x="22.564" y="21.714"/>
-        <path d="M20.5 30L7.077 12h26.846z"/>
-    </g>
-</svg>
diff --git a/app/images/thin-plus.svg b/app/images/thin-plus.svg
deleted file mode 100644
index 3a1773102..000000000
--- a/app/images/thin-plus.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg fill="none" height="40" width="40" xmlns="http://www.w3.org/2000/svg">
-    <g fill="#979797">
-        <rect height="4" rx="2" width="40" y="18"/>
-        <rect height="40" rx="2" width="4" x="18"/>
-    </g>
-</svg>
diff --git a/ui/pages/first-time-flow/select-action/index.scss b/ui/pages/first-time-flow/select-action/index.scss
index 2690889fb..6f6a5efb4 100644
--- a/ui/pages/first-time-flow/select-action/index.scss
+++ b/ui/pages/first-time-flow/select-action/index.scss
@@ -44,7 +44,7 @@
   }
 
   &__button-symbol {
-    color: var(--color-icon-default);
+    color: var(--color-icon-muted);
     margin-top: 41px;
   }
 
diff --git a/ui/pages/first-time-flow/select-action/select-action.component.js b/ui/pages/first-time-flow/select-action/select-action.component.js
index 7420b1333..7feadb9a3 100644
--- a/ui/pages/first-time-flow/select-action/select-action.component.js
+++ b/ui/pages/first-time-flow/select-action/select-action.component.js
@@ -50,7 +50,7 @@ export default class SelectAction extends PureComponent {
               <div className="select-action__select-button">
                 <div className="select-action__button-content">
                   <div className="select-action__button-symbol">
-                    <img src="./images/download-alt.svg" alt="" />
+                    <i className="fa fa-download fa-2x" />
                   </div>
                   <div className="select-action__button-text-big">
                     {t('noAlreadyHaveSeed')}
@@ -70,7 +70,7 @@ export default class SelectAction extends PureComponent {
               <div className="select-action__select-button">
                 <div className="select-action__button-content">
                   <div className="select-action__button-symbol">
-                    <img src="./images/thin-plus.svg" alt="" />
+                    <i className="fa fa-plus fa-2x" />
                   </div>
                   <div className="select-action__button-text-big">
                     {t('letsGoSetUp')}