From 9a98fc0f05b1ef547d7c949761aac940154bc150 Mon Sep 17 00:00:00 2001
From: Georgios Kalpakas <kalpakas.g@gmail.com>
Date: Wed, 19 Apr 2017 21:10:13 +0300
Subject: [PATCH] fix(aio): better styling for "disabled JavaScript" message
 (#16170)

PR Close #16170
---
 aio/src/index.html        | 14 +++++++-------
 aio/src/pwa-manifest.json |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/aio/src/index.html b/aio/src/index.html
index 88246a40ad..2c03860e5f 100644
--- a/aio/src/index.html
+++ b/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>
diff --git a/aio/src/pwa-manifest.json b/aio/src/pwa-manifest.json
index 3b320e2608..0c4926b86b 100644
--- a/aio/src/pwa-manifest.json
+++ b/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"
 }