diff --git a/frontend/src/lib/components/canvas/Canvas.svelte b/frontend/src/lib/components/canvas/Canvas.svelte
index 77ac9aa..7baffc5 100644
--- a/frontend/src/lib/components/canvas/Canvas.svelte
+++ b/frontend/src/lib/components/canvas/Canvas.svelte
@@ -509,7 +509,7 @@
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
-		background: #f8f9fa;
+		background: #0a0a0b;
 		touch-action: none; /* We handle all touch ourselves */
 		user-select: none;
 		cursor: default;
@@ -523,7 +523,7 @@
 		position: fixed;
 		inset: 0;
 		z-index: 50;
-		background: #f8f9fa;
+		background: #0a0a0b;
 	}
 
 	.canvas-world {
@@ -551,8 +551,8 @@
 		inset: 0;
 		pointer-events: none;
 		background-image:
-			linear-gradient(to right, rgba(0,0,0,0.05) 1px, transparent 1px),
-			linear-gradient(to bottom, rgba(0,0,0,0.05) 1px, transparent 1px);
+			linear-gradient(to right, rgba(99, 102, 241, 0.06) 1px, transparent 1px),
+			linear-gradient(to bottom, rgba(99, 102, 241, 0.06) 1px, transparent 1px);
 	}
 
 	/* Lasso */