Update colors on the multiple-element demos to be less Google/Microso…

…ft-looking, fixes google#125
danieljtrujillo · Nov 13, 2018 · 5b4d689 · 5b4d689
1 parent 067c702
commit 5b4d689
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 21 deletions.
diff --git 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
@@ -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
@@ -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">