diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index ff8b83e..1ce5a7e 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -96,7 +96,7 @@
         <svelte:fragment slot="content">
           {#each files as file}
             <TabContent>
-              <Editor2D bind:file={file} refresh={refresh} />
+              <Editor2D bind:file={file} refresh={refresh} primaryColorIndex={primaryColorIndex} secondaryColorIndex={secondaryColorIndex} />
             </TabContent>
           {/each}
         </svelte:fragment>
diff --git a/frontend/src/sections/Editor2D.svelte b/frontend/src/sections/Editor2D.svelte
index 064512a..a496446 100644
--- a/frontend/src/sections/Editor2D.svelte
+++ b/frontend/src/sections/Editor2D.svelte
@@ -20,6 +20,9 @@
   let mouseY: number = 0
   let mousePixelX: number = 0
   let mousePixelY: number = 0
+  
+  export let primaryColorIndex: number
+  export let secondaryColorIndex: number
 
   let rootCanvas: HTMLCanvasElement
   let overlayCanvas: HTMLCanvasElement = document.createElement('canvas')
@@ -178,7 +181,7 @@
         file.capture()
         let p = file.canvas.getPixel(mousePixelX, mousePixelY)
         if (p !== -1) {
-          file.push(new PixelPlaceUndoable(mousePixelX, mousePixelY, p, 1))
+          file.push(new PixelPlaceUndoable(mousePixelX, mousePixelY, p, primaryColorIndex))
           traversedPixels.add(mousePixelX+mousePixelY*file.canvas.width)
         }
       }
@@ -244,7 +247,7 @@
           traversedPixels.add(mousePixelX+mousePixelY*file.canvas.width)
           let p = file.canvas.getPixel(mousePixelX, mousePixelY)
           if (p !== -1) {
-            file.push(new PixelPlaceUndoable(mousePixelX, mousePixelY, p, 1))
+            file.push(new PixelPlaceUndoable(mousePixelX, mousePixelY, p, primaryColorIndex))
           }
         }
       }