update to latest

Author: rebornix

_locales/en/messages.json

@@ -317,6 +317,10 @@
         "message": "High Contrast",
         "description": "High Contrast theme"
     },
+    "theme_flat": {
+        "message": "Flat",
+        "description": "Flat theme"
+    },
     "storage_sync_info": {
         "message": "Automatically backup your data to 3rd party storage services.",
         "description": "3rd party backup info"

images/icon128.png

@@ -20,22 +20,37 @@
         v-if="!unsupportedAccounts & isDataLinkSupported"
         >{{ i18n.download_backup }}</a-button-link
       >
-      <button v-on:click="downloadBackUpOneLineOtpAuthFile()" v-if="!unsupportedAccounts & !isDataLinkSupported" class="button">
-      {{ i18n.download_backup }}
+      <button
+        v-on:click="downloadBackUpOneLineOtpAuthFile()"
+        v-if="!unsupportedAccounts & !isDataLinkSupported"
+        class="button"
+      >
+        {{ i18n.download_backup }}
+      </button>
+      <a-button-link
+        download="authenticator.json"
+        :href="exportFile"
+        v-if="unsupportedAccounts & isDataLinkSupported"
+        >{{ i18n.download_backup }}</a-button-link
+      >
+      <button
+        v-on:click="downloadBackUpExportFile()"
+        v-if="unsupportedAccounts & !isDataLinkSupported"
+        class="button"
+      >
+        {{ i18n.download_backup }}
       </button>
-      <a-button-link download="authenticator.json" :href="exportFile" v-if="unsupportedAccounts & isDataLinkSupported">{{
-        i18n.download_backup
-      }}</a-button-link>
-      <button v-on:click="downloadBackUpExportFile()" v-if="unsupportedAccounts & !isDataLinkSupported" class="button">{{
-        i18n.download_backup
-      }}</button>
       <a-button-link
         download="authenticator.json"
         :href="exportEncryptedFile"
         v-if="encryption.getEncryptionStatus() & isDataLinkSupported"
         >{{ i18n.download_enc_backup }}</a-button-link
       >
-      <button v-on:click="downloadBackUpExportEncryptedFile()" v-if="encryption.getEncryptionStatus() & !isDataLinkSupported" class="button">
+      <button
+        v-on:click="downloadBackUpExportEncryptedFile()"
+        v-if="encryption.getEncryptionStatus() & !isDataLinkSupported"
+        class="button"
+      >
         {{ i18n.download_enc_backup }}
       </button>
     </div>
@@ -84,11 +99,11 @@ export default Vue.extend({
       return this.$store.getters["menu/storageArea"];
     },
     isDataLinkSupported: function () {
-      return !isSafari; 
+      return !isSafari;
     },
     isBackupServiceSupported: function () {
       return !isSafari;
-    }
+    },
   },
   methods: {
     showInfo(tab: string) {
@@ -154,7 +169,7 @@ export default Vue.extend({
       const key = this.$store.state.accounts.key;
       const t = getBackupFile(exportEncData, key);
       window.open(t);
-    }
+    },
   },
 });
 

images/icon19.png

@@ -22,10 +22,7 @@
         </a>
       </div>
       <div class="menuList">
-        <p
-          v-bind:title="i18n.backup"
-          v-on:click="showInfo('BackupPage')"
-        >
+        <p v-bind:title="i18n.backup" v-on:click="showInfo('BackupPage')">
           <span><IconExchange /></span>{{ i18n.backup }}
         </p>
         <p
@@ -111,6 +108,11 @@ export default Vue.extend({
     version: function () {
       return this.$store.state.menu.version;
     },
+    license: function () {
+      return isSafari
+        ? "https://authenticator.cc/docs/en/overview"
+        : "licenses.html";
+    },
     isSupported: {
       get(): boolean {
         return !isSafari;

images/icon38.png

@@ -5,11 +5,13 @@
       v-model="theme"
       style="margin-left: 10px"
     >
+      <option value="normal">{{ i18n.theme_light }}</option>
       <option value="normal">{{ i18n.theme_light }}</option>
       <option value="dark">{{ i18n.theme_dark }}</option>
       <option value="simple">{{ i18n.theme_simple }}</option>
       <option value="compact">{{ i18n.theme_compact }}</option>
       <option value="accessibility">{{ i18n.theme_high_contrast }}</option>
+      <option value="flat">{{ i18n.theme_flat }}</option>
     </a-select-input>
     <a-select-input
       :label="i18n.scale"