Redesign DevLoadingView as a floating capsule (iOS)

Author: huntie

packages/react-native/Libraries/Utilities/DevLoadingView.js

@@ -19,7 +19,7 @@ const COLOR_SCHEME = {
       textColor: '#242526',
     },
     refresh: {
-      backgroundColor: '#2584e8',
+      backgroundColor: '#1065AF',
       textColor: '#ffffff',
     },
     error: {
@@ -33,7 +33,7 @@ const COLOR_SCHEME = {
       textColor: '#ffffff',
     },
     refresh: {
-      backgroundColor: '#2584e8',
+      backgroundColor: '#1065AF',
       textColor: '#ffffff',
     },
     error: {

packages/react-native/Libraries/Utilities/HMRClient.js

@@ -323,7 +323,8 @@ function setHMRUnavailableReason(reason: string) {
   // the warning to native engineers who use cached bundles without Metro.
   if (hmrClient.isEnabled() && didConnect) {
     DevLoadingView.showMessage(
-      'Fast Refresh disconnected. Reload app to reconnect.',
+      // Keeps 'to reconnect.' together when the banner wraps.
+      'Fast Refresh disconnected. Reload app to\u00A0reconnect.',
       'error',
       {dismissButton: true},
     );