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