fix: use consistent red color across the app

config.xml

@@ -16,7 +16,7 @@
     <platform name="android">
         <allow-intent href="market:*" />
         <preference name="SplashMaintainAspectRatio" value="true" />
-        <preference name="HeaderColor" value="#f7296e" />
+        <preference name="HeaderColor" value="#ff0d6a" />
         <preference name="AndroidInsecureFileModeEnabled" value="true" />
         <preference name="StatusBarOverlaysWebView" value="false" />
         <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application">

package.json

@@ -11,7 +11,7 @@
     "build:cordova": "VUE_APP_CORDOVA=true npm run build",
     "build:ios": "npm run build:cordova && cordova build ios",
     "build:android": "npm run build:cordova && cordova build android",
-    "gen:cordova-resources": "cordova-res --icon-background-source '#f7296e'",
+    "gen:cordova-resources": "cordova-res --icon-background-source '#ff0d6a'",
     "lint": "NODE_ENV=production vue-cli-service lint . --no-fix",
     "test": "npm run lint && npm run test:unit && npm run test:e2e -- --headless",
     "test:e2e": "vue-cli-service test:e2e",

public/index.html

@@ -8,7 +8,7 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico" sizes="any">
     <link rel="icon" href="<%= BASE_URL %>icon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="<%= BASE_URL %>apple-touch-icon.png">
-    <link rel="mask-icon" href="<%= BASE_URL %>icon-mask-safari.svg" color="#f7296e">
+    <link rel="mask-icon" href="<%= BASE_URL %>icon-mask-safari.svg" color="#ff0d6a">
 
     <meta name="description" content="The æternity blockchain wallet allows users to store, send, and receive æternity coins. The wallet also features an æpps (applications running on the æternity blockchain) browser.">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover" />

vue.config.js

@@ -123,7 +123,7 @@ module.exports = {
         sizes: 'any',
         type: 'image/svg+xml',
       }],
-      background_color: '#f7296e',
+      background_color: '#ff0d6a',
       id: '/',
       start_url: '/',
       protocol_handlers: [
@@ -157,8 +157,8 @@ module.exports = {
       msTileImage: null,
       faviconSVG: null,
     },
-    themeColor: '#f7296e',
-    msTileColor: '#f7296e',
+    themeColor: '#ff0d6a',
+    msTileColor: '#ff0d6a',
     appleMobileWebAppCapable: 'yes',
   },
   transpileDependencies: ['@aeternity/hd-wallet', '@download/blockies'],