From a11918fc20d84e93b86a28362d5bb6cf717c46f3 Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Thu, 22 Jul 2021 21:25:50 +0200
Subject: [PATCH] Better BG for the space playground

---
 packages/playground/src/space-exploration/App.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/playground/src/space-exploration/App.tsx b/packages/playground/src/space-exploration/App.tsx
index 64147b8..392d4f0 100644
--- a/packages/playground/src/space-exploration/App.tsx
+++ b/packages/playground/src/space-exploration/App.tsx
@@ -46,6 +46,7 @@ function Model({url}: {url: string}) {
 }
 
 function App() {
+  const bg = '#272730'
   return (
     <div>
       <Canvas
@@ -56,7 +57,8 @@ function App() {
           sheet: getProject('Example project').sheet('R3F-Canvas'),
         })}
       >
-        <fog attach="fog" args={['#272730', 16, 30]} />
+        <fog attach="fog" args={[bg, 16, 30]} />
+        <color attach="background" args={[bg]} />
         <ambientLight intensity={0.75} />
         <e.perspectiveCamera
           uniqueName="Camera"