Updated statusbar to be black text on white background.

Bitcoin-com · Jun 3, 2019 · d7d0969 · d7d0969
1 parent b2fa5ed
commit d7d0969
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 11 deletions.
diff --git a/app-template/config-template.xml b/app-template/config-template.xml
@@ -30,7 +30,8 @@
     <preference name="cordova-custom-config-stoponerror" value="true" />
 
     <preference name="StatusBarOverlaysWebView" value="true" />
-    <preference name="StatusBarStyle" value="lightcontent" />
+    <preference name="StatusBarStyle" value="default" />
+    <preference name="StatusBarBackgroundColor" value="#FBFCFF" />
 
     <preference name="ShowSplashScreenSpinner" value="false" />
     <preference name="AutoHideSplashScreen" value="false" />

diff --git a/src/js/controllers/buy-bitcoin/home.controller.js b/src/js/controllers/buy-bitcoin/home.controller.js
@@ -87,7 +87,7 @@
     function _onBeforeEnter(event, data) {
       if ($window.StatusBar) {
         $window.StatusBar.styleDefault();
-        $window.StatusBar.backgroundColorByHexString('#F0F0F0');
+        $window.StatusBar.backgroundColorByHexString('#FBFCFF');
       }
 
       _initVariables();

diff --git a/src/js/controllers/buy-bitcoin/receipt.controller.js b/src/js/controllers/buy-bitcoin/receipt.controller.js
@@ -163,7 +163,7 @@
     function _onBeforeEnter() {
       if ($window.StatusBar) {
         $window.StatusBar.styleDefault();
-        $window.StatusBar.backgroundColorByHexString('#F0F0F0');
+        $window.StatusBar.backgroundColorByHexString('#FBFCFF');
       }
 
       _initVariables();

diff --git a/src/js/controllers/tab-home.controller.js b/src/js/controllers/tab-home.controller.js
@@ -80,8 +80,8 @@ angular
     function onBeforeEnter (event, data) {
 
       if ($window.StatusBar) {
-        $window.StatusBar.styleLightContent();
-        StatusBar.backgroundColorByHexString('#000000');
+        $window.StatusBar.styleDefault();
+        StatusBar.backgroundColorByHexString('#FBFCFF');
       }
 
       if (!$scope.homeTip) {

diff --git a/src/js/controllers/wallet-details.controller.js b/src/js/controllers/wallet-details.controller.js
@@ -408,7 +408,7 @@ angular.module('copayApp.controllers').controller('walletDetailsController', fun
 
   $scope.$on("$ionicView.beforeEnter", function(event, data) {
     if ($window.StatusBar) {
-      $window.StatusBar.styleLightContent();
+      $window.StatusBar.styleDefault();
     }
 
     configService.whenAvailable(function (config) {
@@ -469,7 +469,7 @@ angular.module('copayApp.controllers').controller('walletDetailsController', fun
       refreshInterval = null;
     }
     if ($window.StatusBar) {
-      $window.StatusBar.backgroundColorByHexString('#000000');
+      $window.StatusBar.backgroundColorByHexString('#FBFCFF');
     }
   }
 

diff --git a/src/js/routes.js b/src/js/routes.js
@@ -1609,7 +1609,7 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
         screen.lockOrientation('portrait');
 
       if (ionic.Platform.isAndroid() && platformInfo.isCordova && StatusBar) {
-        StatusBar.backgroundColorByHexString('#000000');
+        StatusBar.backgroundColorByHexString('#FBFCFF');
       }
 
       if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard && !platformInfo.isWP) {

diff --git a/src/sass/variables.scss b/src/sass/variables.scss
@@ -30,6 +30,7 @@ $v-warning-color:                                    #ffa500 !default;
 $v-warning-color-2:                                  #b7664d;
 $v-error-color:                                      #ef473a !default;
 
+$v-background-root-color:                            #fbfcff;
 $v-background-under-card:                            #fbfcff;
 
 $v-wallet-color-map: (
@@ -192,9 +193,10 @@ $item-default-active-border:                         darken($v-subtle-gray, 7%)
 $item-divider-bg:                                    $v-subtle-gray !default;
 
 $bar-default-border:                                 $v-subtle-gray !default;
-$bar-royal-bg:                                       $v-primary-color !default;
-$bar-royal-border:                                   $v-primary-color !default;
-$bar-royal-text:                                     #ffffff !default;
+$bar-royal-bg:                                       $v-background-root-color !default;
+$bar-royal-border:                                   $v-background-root-color !default;
+$bar-royal-text:                                     #000 !default;
+$toolbar-background:                                 $v-background-root-color;
 
 $tabs-icon-size:                                     22px !default;