From 5b4d689a65f8e9b8ee00af9d5f5a54a7afb62b58 Mon Sep 17 00:00:00 2001
From: Jordan Santell <jordan@jsantell.com>
Date: Mon, 12 Nov 2018 16:41:30 -0800
Subject: [PATCH] Update colors on the multiple-element demos to be less
 Google/Microsoft-looking, fixes #125

---
 examples/background-color.html  |  8 ++++----
 examples/index.html             |  2 +-
 examples/multiple-elements.html | 32 ++++++++++++++++----------------
 3 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/examples/background-color.html b/examples/background-color.html
index aaf124b1e3..64acd47b11 100644
--- a/examples/background-color.html
+++ b/examples/background-color.html
@@ -72,13 +72,13 @@ <h2>Multiple elements with background-color</h2>
                 </style>
                 <div class="grid">
                     <model-viewer src="assets/Astronaut.glb"
-                        controls auto-rotate background-color="#4885ed"></model-viewer>
+                        auto-rotate background-color="#FF5252"></model-viewer>
                     <model-viewer src="assets/Astronaut.glb"
-                        controls auto-rotate background-color="#3cba54"></model-viewer>
+                        auto-rotate background-color="#455A64"></model-viewer>
                     <model-viewer src="assets/Astronaut.glb"
-                        controls auto-rotate background-color="#f4c20d"></model-viewer>
+                        auto-rotate background-color="#EEFF41"></model-viewer>
                     <model-viewer src="assets/Astronaut.glb"
-                        controls auto-rotate background-color="#db3236"></model-viewer>
+                        auto-rotate background-color="#40C4FF"></model-viewer>
                 </div>
             </template>
         </demo-snippet>
diff --git a/examples/index.html b/examples/index.html
index 3cef076dcd..8b5b16f71b 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -65,7 +65,7 @@ <h2>Demos &amp; Scenarios</h2>
                   src="assets/Astronaut.glb"
                   controls
                   auto-rotate
-                  background-color="#4885ed">
+                  background-color="#455A64">
                 </model-viewer>
             </template>
         </demo-snippet>
diff --git a/examples/multiple-elements.html b/examples/multiple-elements.html
index 326840ba8b..e5627ffa09 100644
--- a/examples/multiple-elements.html
+++ b/examples/multiple-elements.html
@@ -60,37 +60,37 @@ <h1>&lt;model-viewer&gt; - Multiple Elements</h1>
 
         <div class="grid">
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#4885ed"></model-viewer>
+                auto-rotate background-color="#FF5252"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#3cba54"></model-viewer>
+                auto-rotate background-color="#455A64"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#f4c20d"></model-viewer>
+                auto-rotate background-color="#EEFF41"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#db3236"></model-viewer>
+                auto-rotate background-color="#40C4FF"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#4885ed"></model-viewer>
+                auto-rotate background-color="#651FFF"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#3cba54"></model-viewer>
+                auto-rotate background-color="#1DE9B6"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#f4c20d"></model-viewer>
+                auto-rotate background-color="#FF4081"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#db3236"></model-viewer>
+                auto-rotate background-color="#424242"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#4885ed"></model-viewer>
+                auto-rotate background-color="#FF5252"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#3cba54"></model-viewer>
+                auto-rotate background-color="#455A64"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#f4c20d"></model-viewer>
+                auto-rotate background-color="#EEFF41"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#db3236"></model-viewer>
+                auto-rotate background-color="#40C4FF"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#4885ed"></model-viewer>
+                auto-rotate background-color="#651FFF"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#3cba54"></model-viewer>
+                auto-rotate background-color="#1DE9B6"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#f4c20d"></model-viewer>
+                auto-rotate background-color="#FF4081"></model-viewer>
             <model-viewer src="assets/Astronaut.glb"
-                auto-rotate background-color="#db3236"></model-viewer>
+                auto-rotate background-color="#424242"></model-viewer>
         </div>
 
         <div class="attribution">