update backup and restore icon label

diff --git a/src/features/backup/components/Backup.jsx b/src/features/backup/components/Backup.jsx
index 7a8511d..8927534 100644 (file)
--- a/src/features/backup/components/Backup.jsx
+++ b/src/features/backup/components/Backup.jsx
@@ -96,7 +96,7 @@ class Backup extends React.Component {
                          type='radio'
                          name='type'
                          value='restoreKeystore' />
-                  <div className={`${styles.choice} ${styles.restore}`}>
+                  <div className={`${styles.choice} ${styles.restoreKeystore}`}>
                     <span className={styles.choice_title}>{t('backup.restoreKeystore')}</span>
                     <p>
                       {t('backup.restoreKeystoreDescription')}
@@ -111,7 +111,7 @@ class Backup extends React.Component {
                          type='radio'
                          name='type'
                          value='restoreMnemonic' />
-                  <div className={`${styles.choice} ${styles.restore}`}>
+                  <div className={`${styles.choice} ${styles.restoreMnemonic}`}>
                     <span className={styles.choice_title}>{t('backup.restoreMnemonic')}</span>
                     <p>
                       {t('backup.restoreMnemonicDescription')}

diff --git a/src/features/backup/components/Backup.scss b/src/features/backup/components/Backup.scss
index 2309129..edf4a4a 100644 (file)
--- a/src/features/backup/components/Backup.scss
+++ b/src/features/backup/components/Backup.scss
@@ -86,8 +86,12 @@ code {
   background-image: url('images/backup/backup.svg')
 }
 
-.restore {
-  background-image: url('images/backup/restore.svg')
+.restoreKeystore {
+  background-image: url('images/backup/restore-keystore.svg')
+}
+
+.restoreMnemonic {
+  background-image: url('images/backup/restore-mnemonic.svg')
 }
 
 input[type=radio]:checked ~ .choice {
@@ -103,8 +107,12 @@ input[type=radio]:checked ~ .choice {
     background-image: url('images/backup/backup-active.svg')
   }
 
-  &.restore {
-    background-image: url('images/backup/restore-active.svg')
+  &.restoreKeystore {
+    background-image: url('images/backup/restore-keystore-active.svg')
+  }
+
+  &.restoreMnemonic {
+    background-image: url('images/backup/restore-mnemonic-active.svg')
   }
 
   .choice_title {

diff --git a/src/features/initialization/components/Index/Index.jsx b/src/features/initialization/components/Index/Index.jsx
index f3416b8..9e42fc7 100644 (file)
--- a/src/features/initialization/components/Index/Index.jsx
+++ b/src/features/initialization/components/Index/Index.jsx
@@ -57,7 +57,7 @@ class Index extends React.Component {
                      type='radio'
                      name='type'
                      value='restoreKeystore' />
-              <div className={`${styles.choice} ${styles.restore}`}>
+              <div className={`${styles.choice} ${styles.restoreKeystore}`}>
                 <span className={styles.choice_title}>{t('backup.restoreKeystore')}</span>
                 <p>
                   {t('backup.restoreKeystoreDescription')}
@@ -72,7 +72,7 @@ class Index extends React.Component {
                      type='radio'
                      name='type'
                      value='restoreMnemonic' />
-              <div className={`${styles.choice} ${styles.restore}`}>
+              <div className={`${styles.choice} ${styles.restoreMnemonic}`}>
                 <span className={styles.choice_title}>{t('backup.restoreMnemonic')}</span>
                 <p>
                   {t('backup.restoreMnemonicDescription')}

diff --git a/src/features/initialization/components/Index/Index.scss b/src/features/initialization/components/Index/Index.scss
index 68a8c55..19b47b8 100644 (file)
--- a/src/features/initialization/components/Index/Index.scss
+++ b/src/features/initialization/components/Index/Index.scss
@@ -97,8 +97,12 @@
   background-image: url('images/backup/backup.svg')
 }
 
-.restore {
-  background-image: url('images/backup/restore.svg')
+.restoreKeystore {
+  background-image: url('images/backup/restore-keystore.svg')
+}
+
+.restoreMnemonic {
+  background-image: url('images/backup/restore-mnemonic.svg')
 }
 
 input[type=radio]:checked ~ .choice {
@@ -114,8 +118,12 @@ input[type=radio]:checked ~ .choice {
     background-image: url('images/backup/backup-active.svg')
   }
 
-  &.restore {
-    background-image: url('images/backup/restore-active.svg')
+  &.restoreKeystore {
+    background-image: url('images/backup/restore-keystore-active.svg')
+  }
+
+  &.restoreMnemonic {
+    background-image: url('images/backup/restore-mnemonic-active.svg')
   }
 
   .choice_title {

diff --git a/static/images/backup/backup-active.svg b/static/images/backup/backup-active.svg
index 1ffa9ef..b533c84 100644 (file)
--- a/static/images/backup/backup-active.svg
+++ b/static/images/backup/backup-active.svg
@@ -6,22 +6,26 @@
       }
 
       .cls-2 {
+        fill: none;
+      }
+
+      .cls-3 {
         fill: #b9f4ee;
       }
 
-      .cls-2, .cls-3, .cls-4, .cls-5 {
+      .cls-3, .cls-4, .cls-5, .cls-6 {
         fill-rule: evenodd;
       }
 
-      .cls-3 {
+      .cls-4 {
         fill: #00bfaa;
       }
 
-      .cls-4 {
+      .cls-5 {
         fill: #d0faf6;
       }
 
-      .cls-5 {
+      .cls-6 {
         fill: #eafdfb;
       }
     </style>
@@ -30,11 +34,16 @@
     </clipPath>
   </defs>
   <g id="backup-active" class="cls-1">
-    <path id="路径_4790" data-name="路径 4790" class="cls-2" d="M75.6-87.606,3.606-46.041,75.6-4.476l71.993-41.565Z" transform="translate(14.394 177.736)"/>
-    <path id="路径_4791" data-name="路径 4791" class="cls-3" d="M147.591-46.041,75.6-4.476,3.606-46.041,75.6-87.606Zm-136.068,0L75.6-9.047l64.076-36.994L75.6-83.035Z" transform="translate(14.394 177.736)"/>
-    <path id="路径_4792" data-name="路径 4792" class="cls-4" d="M75.6-131.606,3.606-90.041,75.6-48.476l71.993-41.565Z" transform="translate(14.394 178.192)"/>
-    <path id="路径_4793" data-name="路径 4793" class="cls-3" d="M147.591-90.041,75.6-48.476,3.606-90.041,75.6-131.606Zm-136.068,0L75.6-53.047l64.076-36.994L75.6-127.035Z" transform="translate(14.394 178.192)"/>
-    <path id="路径_4794" data-name="路径 4794" class="cls-5" d="M75.6-171.606,3.606-130.041,75.6-88.476l71.993-41.565Z" transform="translate(14.394 178.606)"/>
-    <path id="路径_4795" data-name="路径 4795" class="cls-3" d="M147.591-130.041,75.6-88.476,3.606-130.041,75.6-171.606Zm-136.068,0L75.6-93.047l64.076-36.994L75.6-167.035Z" transform="translate(14.394 178.606)"/>
+    <g id="backup-active-2" data-name="backup-active">
+      <rect id="Rectangle_3739" data-name="Rectangle 3739" class="cls-2" width="180" height="180"/>
+      <g id="Group_2526" data-name="Group 2526">
+        <path id="Path_4790" data-name="Path 4790" class="cls-3" d="M75.6-87.606,3.606-46.041,75.6-4.476l71.993-41.565Z" transform="translate(14.394 177.736)"/>
+        <path id="Path_4791" data-name="Path 4791" class="cls-4" d="M147.591-46.041,75.6-4.476,3.606-46.041,75.6-87.606Zm-136.068,0L75.6-9.047l64.076-36.994L75.6-83.035Z" transform="translate(14.394 177.736)"/>
+        <path id="Path_4792" data-name="Path 4792" class="cls-5" d="M75.6-131.606,3.606-90.041,75.6-48.476l71.993-41.565Z" transform="translate(14.394 178.192)"/>
+        <path id="Path_4793" data-name="Path 4793" class="cls-4" d="M147.591-90.041,75.6-48.476,3.606-90.041,75.6-131.606Zm-136.068,0L75.6-53.047l64.076-36.994L75.6-127.035Z" transform="translate(14.394 178.192)"/>
+        <path id="Path_4794" data-name="Path 4794" class="cls-6" d="M75.6-171.606,3.606-130.041,75.6-88.476l71.993-41.565Z" transform="translate(14.394 178.606)"/>
+        <path id="Path_4795" data-name="Path 4795" class="cls-4" d="M147.591-130.041,75.6-88.476,3.606-130.041,75.6-171.606Zm-136.068,0L75.6-93.047l64.076-36.994L75.6-167.035Z" transform="translate(14.394 178.606)"/>
+      </g>
+    </g>
   </g>
 </svg>

diff --git a/static/images/backup/backup.svg b/static/images/backup/backup.svg
index 1bc6f87..c44f617 100644 (file)
--- a/static/images/backup/backup.svg
+++ b/static/images/backup/backup.svg
@@ -6,22 +6,26 @@
       }
 
       .cls-2 {
+        fill: none;
+      }
+
+      .cls-3 {
         fill: #f2f2f2;
       }
 
-      .cls-2, .cls-3, .cls-4, .cls-5 {
+      .cls-3, .cls-4, .cls-5, .cls-6 {
         fill-rule: evenodd;
       }
 
-      .cls-3 {
+      .cls-4 {
         fill: #a3a9b8;
       }
 
-      .cls-4 {
+      .cls-5 {
         fill: #f7f7f7;
       }
 
-      .cls-5 {
+      .cls-6 {
         fill: #fff;
       }
     </style>
@@ -30,11 +34,14 @@
     </clipPath>
   </defs>
   <g id="backup" class="cls-1">
-    <path id="路径_4790" data-name="路径 4790" class="cls-2" d="M75.6-87.606,3.606-46.041,75.6-4.476l71.993-41.565Z" transform="translate(14.394 177.736)"/>
-    <path id="路径_4791" data-name="路径 4791" class="cls-3" d="M147.591-46.041,75.6-4.476,3.606-46.041,75.6-87.606Zm-136.068,0L75.6-9.047l64.076-36.994L75.6-83.035Z" transform="translate(14.394 177.736)"/>
-    <path id="路径_4792" data-name="路径 4792" class="cls-4" d="M75.6-131.606,3.606-90.041,75.6-48.476l71.993-41.565Z" transform="translate(14.394 178.192)"/>
-    <path id="路径_4793" data-name="路径 4793" class="cls-3" d="M147.591-90.041,75.6-48.476,3.606-90.041,75.6-131.606Zm-136.068,0L75.6-53.047l64.076-36.994L75.6-127.035Z" transform="translate(14.394 178.192)"/>
-    <path id="路径_4794" data-name="路径 4794" class="cls-5" d="M75.6-171.606,3.606-130.041,75.6-88.476l71.993-41.565Z" transform="translate(14.394 178.606)"/>
-    <path id="路径_4795" data-name="路径 4795" class="cls-3" d="M147.591-130.041,75.6-88.476,3.606-130.041,75.6-171.606Zm-136.068,0L75.6-93.047l64.076-36.994L75.6-167.035Z" transform="translate(14.394 178.606)"/>
+    <g id="backup-2" data-name="backup">
+      <rect id="Rectangle_3739" data-name="Rectangle 3739" class="cls-2" width="180" height="180"/>
+      <path id="Path_4790" data-name="Path 4790" class="cls-3" d="M75.6-87.606,3.606-46.041,75.6-4.476l71.993-41.565Z" transform="translate(14.394 177.736)"/>
+      <path id="Path_4791" data-name="Path 4791" class="cls-4" d="M147.591-46.041,75.6-4.476,3.606-46.041,75.6-87.606Zm-136.068,0L75.6-9.047l64.076-36.994L75.6-83.035Z" transform="translate(14.394 177.736)"/>
+      <path id="Path_4792" data-name="Path 4792" class="cls-5" d="M75.6-131.606,3.606-90.041,75.6-48.476l71.993-41.565Z" transform="translate(14.394 178.192)"/>
+      <path id="Path_4793" data-name="Path 4793" class="cls-4" d="M147.591-90.041,75.6-48.476,3.606-90.041,75.6-131.606Zm-136.068,0L75.6-53.047l64.076-36.994L75.6-127.035Z" transform="translate(14.394 178.192)"/>
+      <path id="Path_4794" data-name="Path 4794" class="cls-6" d="M75.6-171.606,3.606-130.041,75.6-88.476l71.993-41.565Z" transform="translate(14.394 178.606)"/>
+      <path id="Path_4795" data-name="Path 4795" class="cls-4" d="M147.591-130.041,75.6-88.476,3.606-130.041,75.6-171.606Zm-136.068,0L75.6-93.047l64.076-36.994L75.6-167.035Z" transform="translate(14.394 178.606)"/>
+    </g>
   </g>
 </svg>

diff --git a/static/images/backup/restore-active.svg b/static/images/backup/restore-active.svg
deleted file mode 100644 (file)
index 66b8824..0000000
--- a/static/images/backup/restore-active.svg
+++ /dev/null
@@ -1,42 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 180">
-  <defs>
-    <style>
-      .cls-1 {
-        clip-path: url(#clip-restore-active);
-      }
-
-      .cls-2 {
-        fill: #b9f4ee;
-      }
-
-      .cls-2, .cls-3, .cls-4, .cls-5 {
-        fill-rule: evenodd;
-      }
-
-      .cls-3 {
-        fill: #00bfaa;
-      }
-
-      .cls-4 {
-        fill: #d0faf6;
-      }
-
-      .cls-5 {
-        fill: #eafdfb;
-      }
-    </style>
-    <clipPath id="clip-restore-active">
-      <rect width="180" height="180"/>
-    </clipPath>
-  </defs>
-  <g id="restore-active" class="cls-1">
-    <path id="路径_4811" data-name="路径 4811" class="cls-2" d="M75.6-87.606,3.606-46.041,75.6-4.476l71.993-41.565Z" transform="translate(14.394 177.736)"/>
-    <path id="路径_4812" data-name="路径 4812" class="cls-3" d="M147.591-46.041,75.6-4.476,3.606-46.041,75.6-87.606Zm-136.068,0L75.6-9.047l64.076-36.994L75.6-83.035Z" transform="translate(14.394 177.736)"/>
-    <path id="路径_4813" data-name="路径 4813" class="cls-4" d="M75.944-108.306,37.034-85.841,75.944-63.376l38.911-22.465Z" transform="translate(14.048 177.95)"/>
-    <path id="路径_4814" data-name="路径 4814" class="cls-3" d="M114.855-85.841,75.944-63.376,37.034-85.841l38.911-22.465Zm-69.9,0L75.944-67.946l30.994-17.894L75.944-103.735Z" transform="translate(14.048 177.95)"/>
-    <path id="路径_4815" data-name="路径 4815" class="cls-4" d="M76.029-63.606,45.175-45.792,76.029-27.979l30.854-17.814Z" transform="translate(13.964 177.487)"/>
-    <path id="路径_4816" data-name="路径 4816" class="cls-5" d="M75.6-171.606,3.606-130.041,75.6-88.476l71.993-41.565Z" transform="translate(14.394 178.606)"/>
-    <path id="路径_4817" data-name="路径 4817" class="cls-3" d="M147.591-130.041,75.6-88.476,3.606-130.041,75.6-171.606Zm-136.068,0L75.6-93.047l64.076-36.994L75.6-167.035Z" transform="translate(14.394 178.606)"/>
-    <path id="路径_4818" data-name="路径 4818" class="cls-4" d="M76.029-147.606,45.175-129.792l30.854,17.814,30.854-17.814Z" transform="translate(13.964 178.357)"/>
-  </g>
-</svg>

diff --git a/static/images/backup/restore-keystore-active.svg b/static/images/backup/restore-keystore-active.svg
new file mode 100644 (file)
index 0000000..9a96e52
--- /dev/null
+++ b/static/images/backup/restore-keystore-active.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 180">
+  <defs>
+    <style>
+      .cls-1 {
+        clip-path: url(#clip-restore_json-active);
+      }
+
+      .cls-2 {
+        fill: #b9f4ee;
+      }
+
+      .cls-2, .cls-3, .cls-5, .cls-6 {
+        fill-rule: evenodd;
+      }
+
+      .cls-3 {
+        fill: #00bfaa;
+      }
+
+      .cls-4, .cls-5 {
+        fill: #d0faf6;
+      }
+
+      .cls-6 {
+        fill: #eafdfb;
+      }
+
+      .cls-7 {
+        fill: none;
+      }
+    </style>
+    <clipPath id="clip-restore_json-active">
+      <rect width="180" height="180"/>
+    </clipPath>
+  </defs>
+  <g id="restore_json-active" data-name="restore json-active" class="cls-1">
+    <g id="Group_3087" data-name="Group 3087">
+      <path id="Path_5210" data-name="Path 5210" class="cls-2" d="M76.352-87.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.817)"/>
+      <path id="Path_5211" data-name="Path 5211" class="cls-3" d="M149.1-45.606l-72.746,42-72.746-42,72.746-42Zm-137.492,0L76.352-8.224,141.1-45.606,76.352-82.987Z" transform="translate(14.394 177.817)"/>
+      <path id="Union_130" data-name="Union 130" class="cls-4" d="M-219.359-1822.983-174.3-1849l6.928,4-45.062,26.016Zm-17.32-10L-207.206-1850l6.928,4-29.473,17.016Zm-17.32-10L-236.651-1853l6.928,4-17.348,10.016Z" transform="translate(301.416 1976.211)"/>
+      <path id="Path_5215" data-name="Path 5215" class="cls-5" d="M76.352-108.306l-39.318,22.7,39.318,22.7,39.318-22.7Z" transform="translate(14.394 177.817)"/>
+      <path id="Path_5216" data-name="Path 5216" class="cls-3" d="M115.67-85.606l-39.318,22.7-39.318-22.7,39.318-22.7Zm-70.636,0L76.352-67.524,107.67-85.606,76.352-103.687Z" transform="translate(14.394 177.817)"/>
+      <path id="Path_5217" data-name="Path 5217" class="cls-6" d="M76.352-171.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.817)"/>
+      <path id="Path_5218" data-name="Path 5218" class="cls-3" d="M149.1-129.606l-72.746,42-72.746-42,72.746-42Zm-137.492,0L76.352-92.224,141.1-129.606,76.352-166.987Z" transform="translate(14.394 177.817)"/>
+      <path id="Union_129" data-name="Union 129" class="cls-4" d="M-219.359-1807l34.641-20,6.928,4-34.641,20Zm-17.32-10,27.713-16,6.928,4-27.713,16ZM-254-1827l45.033-26,6.928,4-45.033,26Z" transform="translate(301.416 1876.195)"/>
+      <rect id="Rectangle_3739" data-name="Rectangle 3739" class="cls-7" width="180" height="180"/>
+    </g>
+  </g>
+</svg>

diff --git a/static/images/backup/restore-keystore.svg b/static/images/backup/restore-keystore.svg
new file mode 100644 (file)
index 0000000..ca7fe21
--- /dev/null
+++ b/static/images/backup/restore-keystore.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 180">
+  <defs>
+    <style>
+      .cls-1 {
+        clip-path: url(#clip-restore_json);
+      }
+
+      .cls-2 {
+        fill: #f2f2f2;
+      }
+
+      .cls-2, .cls-3, .cls-5, .cls-6 {
+        fill-rule: evenodd;
+      }
+
+      .cls-3 {
+        fill: #a3a9b8;
+      }
+
+      .cls-4, .cls-5 {
+        fill: #f7f7f7;
+      }
+
+      .cls-6 {
+        fill: #fff;
+      }
+
+      .cls-7 {
+        fill: none;
+      }
+    </style>
+    <clipPath id="clip-restore_json">
+      <rect width="180" height="180"/>
+    </clipPath>
+  </defs>
+  <g id="restore_json" data-name="restore json" class="cls-1">
+    <g id="Group_3088" data-name="Group 3088">
+      <path id="Path_5210" data-name="Path 5210" class="cls-2" d="M76.352-87.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.817)"/>
+      <path id="Path_5211" data-name="Path 5211" class="cls-3" d="M149.1-45.606l-72.746,42-72.746-42,72.746-42Zm-137.492,0L76.352-8.224,141.1-45.606,76.352-82.987Z" transform="translate(14.394 177.817)"/>
+      <path id="Union_132" data-name="Union 132" class="cls-4" d="M-469.359-1822.983-424.3-1849l6.928,4-45.062,26.016Zm-17.32-10L-457.206-1850l6.928,4-29.473,17.016Zm-17.32-10L-486.651-1853l6.928,4-17.349,10.016Z" transform="translate(551.416 1976.211)"/>
+      <path id="Path_5215" data-name="Path 5215" class="cls-5" d="M76.352-108.306l-39.318,22.7,39.318,22.7,39.318-22.7Z" transform="translate(14.394 177.817)"/>
+      <path id="Path_5216" data-name="Path 5216" class="cls-3" d="M115.67-85.606l-39.318,22.7-39.318-22.7,39.318-22.7Zm-70.636,0L76.352-67.524,107.67-85.606,76.352-103.687Z" transform="translate(14.394 177.817)"/>
+      <path id="Path_5217" data-name="Path 5217" class="cls-6" d="M76.352-171.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.817)"/>
+      <path id="Path_5218" data-name="Path 5218" class="cls-3" d="M149.1-129.606l-72.746,42-72.746-42,72.746-42Zm-137.492,0L76.352-92.224,141.1-129.606,76.352-166.987Z" transform="translate(14.394 177.817)"/>
+      <path id="Union_131" data-name="Union 131" class="cls-4" d="M-469.359-1807l34.641-20,6.928,4-34.641,20Zm-17.32-10,27.713-16,6.928,4-27.713,16ZM-504-1827l45.033-26,6.928,4-45.033,26Z" transform="translate(551.416 1876.195)"/>
+      <rect id="Rectangle_3739" data-name="Rectangle 3739" class="cls-7" width="180" height="180"/>
+    </g>
+  </g>
+</svg>

diff --git a/static/images/backup/restore-mnemonic-active.svg b/static/images/backup/restore-mnemonic-active.svg
new file mode 100644 (file)
index 0000000..01568c9
--- /dev/null
+++ b/static/images/backup/restore-mnemonic-active.svg
@@ -0,0 +1,54 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 180">
+  <defs>
+    <style>
+      .cls-1 {
+        clip-path: url(#clip-restore_Mneminic-active);
+      }
+
+      .cls-2 {
+        fill: #b9f4ee;
+      }
+
+      .cls-2, .cls-3, .cls-5, .cls-6, .cls-7 {
+        fill-rule: evenodd;
+      }
+
+      .cls-3, .cls-8 {
+        fill: #00bfaa;
+      }
+
+      .cls-4, .cls-6 {
+        fill: #d0faf6;
+      }
+
+      .cls-5 {
+        fill: #00bda9;
+      }
+
+      .cls-7 {
+        fill: #eafdfb;
+      }
+
+      .cls-9 {
+        fill: none;
+      }
+    </style>
+    <clipPath id="clip-restore_Mneminic-active">
+      <rect width="180" height="180"/>
+    </clipPath>
+  </defs>
+  <g id="restore_Mneminic-active" data-name="restore Mneminic-active" class="cls-1">
+    <g id="Group_3089" data-name="Group 3089">
+      <path id="Path_5222" data-name="Path 5222" class="cls-2" d="M76.352-87.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.833)"/>
+      <path id="Path_5223" data-name="Path 5223" class="cls-3" d="M149.1-45.606l-72.746,42-72.746-42,72.746-42Zm-137.493,0L76.352-8.224,141.1-45.606,76.352-82.987Z" transform="translate(14.394 177.833)"/>
+      <path id="Union_134" data-name="Union 134" class="cls-4" d="M-219.359-1572.983-174.3-1599l6.928,4-45.061,26.016Zm-17.32-10L-207.206-1600l6.928,4-29.473,17.016Zm-17.32-10L-236.651-1603l6.928,4-17.348,10.017Z" transform="translate(301.431 1726.203)"/>
+      <path id="Path_5230" data-name="Path 5230" class="cls-5" d="M65.959-129.606l-31.177,18-31.177-18,31.177-18Zm-54.354,0,23.177,13.382,23.177-13.382L34.783-142.987Z" transform="translate(14.394 177.833)"/>
+      <path id="Path_5231" data-name="Path 5231" class="cls-6" d="M34.783-147.606l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
+      <path id="Path_5235" data-name="Path 5235" class="cls-7" d="M76.337-171.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
+      <path id="Path_5239" data-name="Path 5239" class="cls-7" d="M76.337-123.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
+      <path id="Path_5243" data-name="Path 5243" class="cls-6" d="M117.907-147.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
+      <path id="Union_135" data-name="Union 135" class="cls-8" d="M-212.445-1537l31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.382L-158.091-1537l-23.177-13.38ZM-254-1560.992l31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.381,23.177-13.381-23.177-13.381Zm75.124-.008,31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.38,23.178-13.38-23.178-13.381Zm-49.569-24,31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.381L-158.091-1585l-23.177-13.381Z" transform="translate(272 1609.219)"/>
+      <rect id="Rectangle_3739" data-name="Rectangle 3739" class="cls-9" width="180" height="180"/>
+    </g>
+  </g>
+</svg>

diff --git a/static/images/backup/restore-mnemonic.svg b/static/images/backup/restore-mnemonic.svg
new file mode 100644 (file)
index 0000000..9691aa8
--- /dev/null
+++ b/static/images/backup/restore-mnemonic.svg
@@ -0,0 +1,54 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 180">
+  <defs>
+    <style>
+      .cls-1 {
+        clip-path: url(#clip-restore_Mneminic_words);
+      }
+
+      .cls-2 {
+        fill: #f2f2f2;
+      }
+
+      .cls-2, .cls-3, .cls-5, .cls-6, .cls-7 {
+        fill-rule: evenodd;
+      }
+
+      .cls-3, .cls-8 {
+        fill: #a3a9b8;
+      }
+
+      .cls-4, .cls-6 {
+        fill: #f7f7f7;
+      }
+
+      .cls-5 {
+        fill: #00bda9;
+      }
+
+      .cls-7 {
+        fill: #fff;
+      }
+
+      .cls-9 {
+        fill: none;
+      }
+    </style>
+    <clipPath id="clip-restore_Mneminic_words">
+      <rect width="180" height="180"/>
+    </clipPath>
+  </defs>
+  <g id="restore_Mneminic_words" data-name="restore Mneminic words" class="cls-1">
+    <g id="Group_3090" data-name="Group 3090">
+      <path id="Path_5222" data-name="Path 5222" class="cls-2" d="M76.352-87.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.833)"/>
+      <path id="Path_5223" data-name="Path 5223" class="cls-3" d="M149.1-45.606l-72.746,42-72.746-42,72.746-42Zm-137.493,0L76.352-8.224,141.1-45.606,76.352-82.987Z" transform="translate(14.394 177.833)"/>
+      <path id="Union_134" data-name="Union 134" class="cls-4" d="M-219.359-1572.983-174.3-1599l6.928,4-45.061,26.016Zm-17.32-10L-207.206-1600l6.928,4-29.473,17.016Zm-17.32-10L-236.651-1603l6.928,4-17.348,10.017Z" transform="translate(301.431 1726.203)"/>
+      <path id="Path_5230" data-name="Path 5230" class="cls-5" d="M65.959-129.606l-31.177,18-31.177-18,31.177-18Zm-54.354,0,23.177,13.382,23.177-13.382L34.783-142.987Z" transform="translate(14.394 177.833)"/>
+      <path id="Path_5231" data-name="Path 5231" class="cls-6" d="M34.783-147.606l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
+      <path id="Path_5235" data-name="Path 5235" class="cls-7" d="M76.337-171.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
+      <path id="Path_5239" data-name="Path 5239" class="cls-7" d="M76.337-123.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
+      <path id="Path_5243" data-name="Path 5243" class="cls-6" d="M117.907-147.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
+      <path id="Union_135" data-name="Union 135" class="cls-8" d="M-212.445-1537l31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.382L-158.091-1537l-23.177-13.38ZM-254-1560.992l31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.381,23.177-13.381-23.177-13.381Zm75.124-.008,31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.38,23.178-13.38-23.178-13.381Zm-49.569-24,31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.381L-158.091-1585l-23.177-13.381Z" transform="translate(272 1609.219)"/>
+      <rect id="Rectangle_3739" data-name="Rectangle 3739" class="cls-9" width="180" height="180"/>
+    </g>
+  </g>
+</svg>

diff --git a/static/images/backup/restore.svg b/static/images/backup/restore.svg
deleted file mode 100644 (file)
index a1760f2..0000000
--- a/static/images/backup/restore.svg
+++ /dev/null
@@ -1,42 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 180">
-  <defs>
-    <style>
-      .cls-1 {
-        clip-path: url(#clip-restore);
-      }
-
-      .cls-2 {
-        fill: #f2f2f2;
-      }
-
-      .cls-2, .cls-3, .cls-4, .cls-5 {
-        fill-rule: evenodd;
-      }
-
-      .cls-3 {
-        fill: #a3a9b8;
-      }
-
-      .cls-4 {
-        fill: #f7f7f7;
-      }
-
-      .cls-5 {
-        fill: #fff;
-      }
-    </style>
-    <clipPath id="clip-restore">
-      <rect width="180" height="180"/>
-    </clipPath>
-  </defs>
-  <g id="restore" class="cls-1">
-    <path id="路径_4819" data-name="路径 4819" class="cls-2" d="M75.6-87.606,3.606-46.041,75.6-4.476l71.993-41.565Z" transform="translate(14.394 177.736)"/>
-    <path id="路径_4820" data-name="路径 4820" class="cls-3" d="M147.591-46.041,75.6-4.476,3.606-46.041,75.6-87.606Zm-136.068,0L75.6-9.047l64.076-36.994L75.6-83.035Z" transform="translate(14.394 177.736)"/>
-    <path id="路径_4821" data-name="路径 4821" class="cls-4" d="M75.944-108.306,37.034-85.841,75.944-63.376l38.911-22.465Z" transform="translate(14.048 177.95)"/>
-    <path id="路径_4822" data-name="路径 4822" class="cls-3" d="M114.855-85.841,75.944-63.376,37.034-85.841l38.911-22.465Zm-69.9,0L75.944-67.946l30.994-17.894L75.944-103.735Z" transform="translate(14.048 177.95)"/>
-    <path id="路径_4823" data-name="路径 4823" class="cls-4" d="M76.029-63.606,45.175-45.792,76.029-27.979l30.854-17.814Z" transform="translate(13.964 177.487)"/>
-    <path id="路径_4824" data-name="路径 4824" class="cls-5" d="M75.6-171.606,3.606-130.041,75.6-88.476l71.993-41.565Z" transform="translate(14.394 178.606)"/>
-    <path id="路径_4825" data-name="路径 4825" class="cls-3" d="M147.591-130.041,75.6-88.476,3.606-130.041,75.6-171.606Zm-136.068,0L75.6-93.047l64.076-36.994L75.6-167.035Z" transform="translate(14.394 178.606)"/>
-    <path id="路径_4826" data-name="路径 4826" class="cls-4" d="M76.029-147.606,45.175-129.792l30.854,17.814,30.854-17.814Z" transform="translate(13.964 178.357)"/>
-  </g>
-</svg>