diff --git a/src/lib/components/Actions.svelte b/src/lib/components/Actions.svelte
index a2be5a33..352782fa 100644
--- a/src/lib/components/Actions.svelte
+++ b/src/lib/components/Actions.svelte
@@ -92,7 +92,7 @@ ${svgString}`);
       throw new Error('context not found');
     }
 
-    context.fillStyle = `hsl(${window.getComputedStyle(document.body).getPropertyValue('--b1')})`;
+    context.fillStyle = `hsl(${window.getComputedStyle(document.body).getPropertyValue('--background')})`;
     context.fillRect(0, 0, canvas.width, canvas.height);
 
     const image = new Image();