fix(aio): better styling for "disabled JavaScript" message (#16170)

PR Close #16170

aio/src/index.html

@@ -23,7 +23,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet">
   <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"rel="stylesheet">
-  
+
   <link rel="manifest" href="pwa-manifest.json">
   <meta name="theme-color" content="#1976d2">
 
@@ -38,13 +38,13 @@
   <aio-shell></aio-shell>
 
   <noscript>
-    <header>
-      <div class="hero">
-        <img src="assets/images/logos/angular/angular.svg" alt="Angular"/>
-        <h1>One framework.<br>Mobile &amp; desktop.</h1>
+    <header class="background-sky">
+      <div class="background-superhero-paper hero is-large">
+        <img class="hero-logo" src="assets/images/logos/angular/angular.svg" alt="Angular" />
+        <h1 class="text-headline">One framework.<br>Mobile &amp; desktop.</h1>
         <br />
-        <h3 style="color:red">
-          This site requires JavaScript.
+        <h3 style="color:yellow">
+          This website requires JavaScript.
         </h3>
       </div>
     </header>

aio/src/pwa-manifest.json

@@ -9,7 +9,7 @@
     }
   ],
   "start_url": "/?utm_source=homescreen",
-  "background_color": "#1976D2",
+  "background_color": "#1976d2",
   "theme_color": "#1976d2",
   "display": "standalone"
 }