diff --git a/app-template/bitpay/sass/_overrides.scss b/app-template/bitpay/sass/_overrides.scss
index 345a082be..302d4f050 100644
--- a/app-template/bitpay/sass/_overrides.scss
+++ b/app-template/bitpay/sass/_overrides.scss
@@ -16,6 +16,7 @@ $colors: (
accent: #647ce8,
warning: #EBA133,
danger: #bb331a,
+ success: #7BC94D,
light: #f4f4f4,
dark: #222,
);
diff --git a/app-template/copay/sass/_overrides.scss b/app-template/copay/sass/_overrides.scss
index b3d1f71e5..b004d2f10 100644
--- a/app-template/copay/sass/_overrides.scss
+++ b/app-template/copay/sass/_overrides.scss
@@ -16,6 +16,7 @@ $colors: (
accent: #1abb9b,
warning: #EBA133,
danger: #bb331a,
+ success: #7BC94D,
light: #f4f4f4,
dark: #222,
);
diff --git a/src/assets/img/backup/success.svg b/src/assets/img/backup/success.svg
new file mode 100644
index 000000000..665a3fd01
--- /dev/null
+++ b/src/assets/img/backup/success.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/src/pages/backup/backup-confirm-modal/backup-confirm-modal.html b/src/pages/backup/backup-confirm-modal/backup-confirm-modal.html
index 204f2668f..cd96f6cfd 100644
--- a/src/pages/backup/backup-confirm-modal/backup-confirm-modal.html
+++ b/src/pages/backup/backup-confirm-modal/backup-confirm-modal.html
@@ -1,8 +1,6 @@
@@ -12,7 +10,7 @@
Be sure to store your recovery phrase in a secure place. If this app is deleted, your money cannot be recovered without it.
-
+
diff --git a/src/pages/backup/backup-confirm-modal/backup-confirm-modal.scss b/src/pages/backup/backup-confirm-modal/backup-confirm-modal.scss
index a4936542f..2125796a3 100644
--- a/src/pages/backup/backup-confirm-modal/backup-confirm-modal.scss
+++ b/src/pages/backup/backup-confirm-modal/backup-confirm-modal.scss
@@ -1,5 +1,5 @@
.confirm-modal-header {
- background: green;
+ background: color($colors, success);
padding: 1rem;
border-radius: 12px 12px 0 0;
min-height: 120px;
@@ -21,7 +21,6 @@
font-size: 1.6rem;
}
button {
- padding-top: 2rem;
background: none;
font-size: 1.6rem;
}
diff --git a/src/pages/backup/backup-game/backup-game.html b/src/pages/backup/backup-game/backup-game.html
index 2509cb37f..0be52dbed 100644
--- a/src/pages/backup/backup-game/backup-game.html
+++ b/src/pages/backup/backup-game/backup-game.html
@@ -26,7 +26,7 @@
@@ -35,13 +35,13 @@
Let's verify your backup phrase.
-
+
diff --git a/src/pages/backup/backup-warning-modal/backup-warning-modal.scss b/src/pages/backup/backup-warning-modal/backup-warning-modal.scss
index 6f235dbea..655d2f7f5 100644
--- a/src/pages/backup/backup-warning-modal/backup-warning-modal.scss
+++ b/src/pages/backup/backup-warning-modal/backup-warning-modal.scss
@@ -1,5 +1,5 @@
.warning-modal-header {
- background: orange;
+ background: color($colors, warning);
padding: 1rem;
border-radius: 12px 12px 0 0;
min-height: 120px;
@@ -21,7 +21,6 @@
font-size: 1.6rem;
}
button {
- padding-top: 2rem;
background: none;
font-size: 1.6rem;
}