Merge pull request #151 from reaviz/Add-transparent-backgrounds

Add transparent backgrounds
reaviz · Dec 7, 2023 · 2cd127e · 2cd127e
2 parents cbbc3b0 + 4348e22
commit 2cd127e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/GraphCanvas.tsx b/src/GraphCanvas.tsx
@@ -158,10 +158,12 @@ export const GraphCanvas: FC<GraphCanvasProps & { ref?: Ref<GraphCanvasRef> }> =
                 })
               }
             >
-              <color attach="background" args={[theme.canvas.background]} />
+              {theme.canvas?.background && (
+                <color attach="background" args={[theme.canvas.background]} />
+              )}
               <ambientLight intensity={1} />
               {children}
-              {theme.canvas.fog && (
+              {theme.canvas?.fog && (
                 <fog attach="fog" args={[theme.canvas.fog, 4000, 9000]} />
               )}
               <CameraControls

diff --git a/src/themes/theme.ts b/src/themes/theme.ts
@@ -1,8 +1,8 @@
 import { ColorRepresentation } from 'three';
 
 export interface Theme {
-  canvas: {
-    background: ColorRepresentation;
+  canvas?: {
+    background?: ColorRepresentation;
     fog?: ColorRepresentation | null;
   };
   node: {