backup needed modal

src/sass/views/includes/modals/modals.scss

@@ -9,7 +9,12 @@
   transform: translate(-50%, -50%);
   border-radius: .25rem;
   &-header {
-    background: rgb(1, 209, 162);
+    &-success {
+      background: rgb(1, 209, 162);
+    }
+    &-warning {
+      background: orange;
+    }
     padding: 1rem;
     border-radius: .25rem .25rem 0 0;
     min-height: 120px;
@@ -26,6 +31,12 @@
       background-size: contain;
       margin-top: .3rem;
     }
+    &-img-warning {
+      background-image: url('../img/onboarding-success.svg');
+      height: 6rem;
+      background-size: contain;
+      margin-top: .3rem;
+    }
   }
   &-content {
     padding: .5rem .8rem;
@@ -42,11 +53,16 @@
       font-weight: 200;
     }
   }
-  &-content-success{
+  &-content-success {
     button{
       color:rgb(23, 174, 140) !important;
     }
   }
+  &-content-warning {
+    button{
+      color: orange !important;
+    }
+  }
 }
 
 .modal-backdrop.active {

src/sass/views/tab-receive.scss

@@ -43,6 +43,16 @@
       }
       &-gen-address {}
     }
+    .qr {
+      padding: 30px;
+    }
+    .backup {
+      background-color: orange;
+      color: #fff;
+      i {
+        padding: 10px;
+      }
+    }
   }
   #wallets {
     position: relative;