diff --git a/CHANGELOG.md b/CHANGELOG.md
index b0da67b92..3f7aebb61 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,6 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add support from adding sound effects to a project by dragging files into project window (to match how this works for other asset types)
 - Add native Mac ARM support for M1/M2/M3+ devices
 - Add script debugger pane to World view, when game is run while this is open allows inspecting currently running scripts, setting breakpoints and updating live variable values
+- Add 'Color Only' mode. Roughly doubles the amount of tiles available for backgrounds and sprites though game will no longer run on original GB (DMG) hardware
 
 ### Changed
 
diff --git a/appData/templates/blank/project.gbsproj b/appData/templates/blank/project.gbsproj
index ee5fb1757..cd0a79d96 100644
--- a/appData/templates/blank/project.gbsproj
+++ b/appData/templates/blank/project.gbsproj
@@ -1,8 +1,8 @@
 {
     "name": "___PROJECT_NAME___",
     "author": "___AUTHOR___",
-    "_version": "3.2.0",
-    "_release": "1",
+    "_version": "3.3.0",
+    "_release": "2",
     "scenes": [],
     "backgrounds": [
         {
@@ -23,7 +23,6 @@
             "name": "actor",
             "symbol": "sprite_actor",
             "numFrames": 3,
-            "type": "actor",
             "filename": "actor.png",
             "checksum": "8646d62a30fe76f9e39e3dbdb23aab0182a33146",
             "width": 48,
@@ -198,14 +197,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor"
         },
         {
             "id": "581d34d0-9591-4e6e-a609-1d94f203b0cd",
             "name": "actor_animated",
             "symbol": "sprite_actor_animated",
             "numFrames": 6,
-            "type": "actor_animated",
             "filename": "actor_animated.png",
             "checksum": "cd6c8ebac31ccd6a325b8a7e94a05d442ae6725e",
             "width": 96,
@@ -554,14 +553,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 8,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor_animated"
         },
         {
             "id": "daf95270-e30d-423b-9ee7-990ae29f57f6",
             "name": "static",
             "symbol": "sprite_static",
             "numFrames": 1,
-            "type": "static",
             "filename": "static.png",
             "checksum": "ed08d198cc3dd48f9bfba000769904ae41b36db8",
             "width": 16,
@@ -682,7 +681,8 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         }
     ],
     "palettes": [
@@ -941,7 +941,6 @@
         "worldScrollX": 0,
         "worldScrollY": 0,
         "zoom": 100,
-        "customColorsEnabled": false,
         "sgbEnabled": false,
         "customHead": "",
         "defaultBackgroundPaletteIds": [
@@ -968,9 +967,9 @@
         "defaultUIPaletteId": "default-ui",
         "playerPaletteId": "",
         "navigatorSplitSizes": [
-            443,
-            135,
-            135
+            620,
+            189,
+            189
         ],
         "showNavigator": true,
         "defaultFontId": "4bd653f0-e08d-424e-9e5b-c1f3aaa21e47",
@@ -990,6 +989,51 @@
             "EVENT_TEXT",
             "EVENT_SWITCH_SCENE"
         ],
+        "customColorsWhite": "E8F8E0",
+        "customColorsLight": "B0F088",
+        "customColorsDark": "509878",
+        "customColorsBlack": "202850",
+        "customControlsUp": [
+            "ArrowUp",
+            "w"
+        ],
+        "customControlsDown": [
+            "ArrowDown",
+            "s"
+        ],
+        "customControlsLeft": [
+            "ArrowLeft",
+            "a"
+        ],
+        "customControlsRight": [
+            "ArrowRight",
+            "d"
+        ],
+        "customControlsA": [
+            "Alt",
+            "z",
+            "j"
+        ],
+        "customControlsB": [
+            "Control",
+            "k",
+            "x"
+        ],
+        "customControlsStart": [
+            "Enter"
+        ],
+        "customControlsSelect": [
+            "Shift"
+        ],
+        "debuggerEnabled": false,
+        "debuggerScriptType": "editor",
+        "debuggerVariablesFilter": "all",
+        "debuggerCollapsedPanes": [],
+        "debuggerPauseOnScriptChanged": false,
+        "debuggerPauseOnWatchedVariableChanged": false,
+        "debuggerBreakpoints": [],
+        "debuggerWatchedVariables": [],
+        "colorMode": "mono",
         "defaultFadeStyle": "white",
         "playerSpriteSheetId": "581d34d0-9591-4e6e-a609-1d94f203b0cd"
     }
diff --git a/appData/templates/gbhtml/project.gbsproj b/appData/templates/gbhtml/project.gbsproj
index bb9cada33..d5d89fcf4 100644
--- a/appData/templates/gbhtml/project.gbsproj
+++ b/appData/templates/gbhtml/project.gbsproj
@@ -1,8 +1,8 @@
 {
     "name": "___PROJECT_NAME___",
     "author": "___AUTHOR___",
-    "_version": "3.2.0",
-    "_release": "1",
+    "_version": "3.3.0",
+    "_release": "2",
     "scenes": [
         {
             "id": "94c18861-b352-4f49-a64d-52f2e3415077",
@@ -6212,7 +6212,6 @@
             "name": "cat",
             "symbol": "sprite_cat",
             "numFrames": 1,
-            "type": "static",
             "filename": "cat.png",
             "checksum": "acdc77db823a88d17537d263a436168ab01efe22",
             "width": 16,
@@ -6333,14 +6332,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "f0c3033d-e82a-407d-9fe2-3d5da4f59c09",
             "name": "checkbox",
             "symbol": "sprite_checkbox",
             "numFrames": 3,
-            "type": "actor",
             "filename": "checkbox.png",
             "checksum": "fdcbd8b39b1ba989ca58c7b7b4567c4257a43975",
             "width": 48,
@@ -6515,14 +6514,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor"
         },
         {
             "id": "17219846-cda9-4e84-bdfa-c3ff105d42cc",
             "name": "dog",
             "symbol": "sprite_dog",
             "numFrames": 1,
-            "type": "static",
             "filename": "dog.png",
             "checksum": "d9bfa8cf4e196a4b89abc8811e1157b8cf3e4380",
             "width": 16,
@@ -6643,14 +6642,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "ede130e6-013a-42d1-a786-1aed3fd3cf32",
             "name": "duck",
             "symbol": "sprite_duck",
             "numFrames": 2,
-            "type": "animated",
             "filename": "duck.png",
             "checksum": "478ef3a9a69777125e9dd4431884adb5c7f079b3",
             "width": 32,
@@ -6802,14 +6801,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "f2610e3c-8ff9-42fa-a9bb-d1591031fa17",
             "name": "fire",
             "symbol": "sprite_fire",
             "numFrames": 4,
-            "type": "animated",
             "filename": "fire.png",
             "checksum": "178804359d94af9d2cd342cf77f92f4fb6373589",
             "width": 64,
@@ -7023,14 +7022,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "09ad70c6-3ce5-4b97-9e96-466221418a45",
             "name": "ice",
             "symbol": "sprite_ice",
             "numFrames": 1,
-            "type": "static",
             "filename": "ice.png",
             "checksum": "e2bb5ba0ccb5b8d531b6afce09bf3b73d91971ea",
             "width": 16,
@@ -7151,14 +7150,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "dfa75239-299d-41fe-a6cd-9e9438da1938",
             "name": "npc001",
             "symbol": "sprite_npc001",
             "numFrames": 3,
-            "type": "actor",
             "filename": "npc001.png",
             "checksum": "325c2370daedcc0afc0f8e6df58e4da01731dfc3",
             "width": 48,
@@ -7333,14 +7332,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor"
         },
         {
             "id": "40dcd163-9f72-4861-8131-b01eb9baa000",
             "name": "npc002",
             "symbol": "sprite_npc002",
             "numFrames": 3,
-            "type": "actor",
             "filename": "npc002.png",
             "checksum": "5f3d41a6f7e0af6159c93b34cb6a480f14522c43",
             "width": 48,
@@ -7515,14 +7514,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor"
         },
         {
             "id": "52ad34df-f245-4b2a-b94c-a82af1002871",
             "name": "npc003",
             "symbol": "sprite_npc003",
             "numFrames": 6,
-            "type": "actor_animated",
             "filename": "npc003.png",
             "checksum": "a0c294cf5d64aee5d8748e5cbeafc8ea9e4cf8dd",
             "width": 96,
@@ -7871,14 +7870,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor_animated"
         },
         {
             "id": "ac1e8ef4-ffe6-47cd-b16f-9af5da77ec26",
             "name": "player",
             "symbol": "sprite_player",
             "numFrames": 6,
-            "type": "actor_animated",
             "filename": "player.png",
             "checksum": "57d62a82877b5ce98f9b55b066672b11a74541af",
             "width": 96,
@@ -8227,14 +8226,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 8,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor_animated"
         },
         {
             "id": "a0442b6a-634f-44da-9962-77938e3ed839",
             "name": "radio",
             "symbol": "sprite_radio",
             "numFrames": 1,
-            "type": "static",
             "filename": "radio.png",
             "checksum": "ae9943b8ed1e48fe22fafe87bf1b64245dcbd31c",
             "width": 16,
@@ -8355,14 +8354,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "3939e8d2-3987-4a22-953e-f1d82134eccf",
             "name": "rock",
             "symbol": "sprite_rock",
             "numFrames": 1,
-            "type": "static",
             "filename": "rock.png",
             "checksum": "b7cf1ef0e7291494c1aff13493d447801316d6e8",
             "width": 16,
@@ -8483,14 +8482,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "e20ce140-53a5-4b1b-9964-138ba0c86925",
             "name": "sage",
             "symbol": "sprite_sage",
             "numFrames": 1,
-            "type": "static",
             "filename": "sage.png",
             "checksum": "0f0fec264c85a7572c4dc810b886ea4a2bf8a3f5",
             "width": 16,
@@ -8611,14 +8610,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "000a6dde-cb60-436e-b357-30a529daa139",
             "name": "savepoint",
             "symbol": "sprite_savepoint",
             "numFrames": 2,
-            "type": "animated",
             "filename": "savepoint.png",
             "checksum": "0b8c6d14622922a2e3ea2f90add3ed89353a7a9b",
             "width": 32,
@@ -8770,14 +8769,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "30b8266a-0533-4f90-bd33-e97dc1d498ea",
             "name": "signpost",
             "symbol": "sprite_signpost",
             "numFrames": 1,
-            "type": "static",
             "filename": "signpost.png",
             "checksum": "03548e2774ea7810fc8bfe85ced542f09775fcab",
             "width": 16,
@@ -8898,14 +8897,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "e9e61bf7-88fd-491d-ae01-4b7f76909108",
             "name": "torch",
             "symbol": "sprite_torch",
             "numFrames": 1,
-            "type": "static",
             "filename": "torch.png",
             "checksum": "7115d29144680ee075cf63709a5bd562d327b0a4",
             "width": 16,
@@ -9026,7 +9025,8 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         }
     ],
     "palettes": [
@@ -9410,7 +9410,6 @@
         "worldScrollX": 0,
         "worldScrollY": 0,
         "zoom": 100,
-        "customColorsEnabled": false,
         "sgbEnabled": false,
         "customHead": "",
         "defaultBackgroundPaletteIds": [
@@ -9437,9 +9436,9 @@
         "defaultUIPaletteId": "default-ui",
         "playerPaletteId": "",
         "navigatorSplitSizes": [
-            429,
-            142,
-            142
+            602,
+            198,
+            198
         ],
         "showNavigator": true,
         "defaultFontId": "26fa15df-3318-44ad-8bfd-feff8ba7991d",
@@ -9459,6 +9458,51 @@
             "EVENT_TEXT",
             "EVENT_SWITCH_SCENE"
         ],
+        "customColorsWhite": "E8F8E0",
+        "customColorsLight": "B0F088",
+        "customColorsDark": "509878",
+        "customColorsBlack": "202850",
+        "customControlsUp": [
+            "ArrowUp",
+            "w"
+        ],
+        "customControlsDown": [
+            "ArrowDown",
+            "s"
+        ],
+        "customControlsLeft": [
+            "ArrowLeft",
+            "a"
+        ],
+        "customControlsRight": [
+            "ArrowRight",
+            "d"
+        ],
+        "customControlsA": [
+            "Alt",
+            "z",
+            "j"
+        ],
+        "customControlsB": [
+            "Control",
+            "k",
+            "x"
+        ],
+        "customControlsStart": [
+            "Enter"
+        ],
+        "customControlsSelect": [
+            "Shift"
+        ],
+        "debuggerEnabled": false,
+        "debuggerScriptType": "editor",
+        "debuggerVariablesFilter": "all",
+        "debuggerCollapsedPanes": [],
+        "debuggerPauseOnScriptChanged": false,
+        "debuggerPauseOnWatchedVariableChanged": false,
+        "debuggerBreakpoints": [],
+        "debuggerWatchedVariables": [],
+        "colorMode": "mono",
         "defaultFadeStyle": "white",
         "startMapId": "cb5e225f-e996-4ca8-b068-09a12ec18b75",
         "playerSpriteSheetId": "ac1e8ef4-ffe6-47cd-b16f-9af5da77ec26"
diff --git a/appData/templates/gbs2/project.gbsproj b/appData/templates/gbs2/project.gbsproj
index 21d8bf496..f9e83c679 100644
--- a/appData/templates/gbs2/project.gbsproj
+++ b/appData/templates/gbs2/project.gbsproj
@@ -1,8 +1,8 @@
 {
     "name": "___PROJECT_NAME___",
     "author": "___AUTHOR___",
-    "_version": "3.2.0",
-    "_release": "1",
+    "_version": "3.3.0",
+    "_release": "2",
     "scenes": [
         {
             "id": "94c18861-b352-4f49-a64d-52f2e3415077",
@@ -22805,7 +22805,11 @@
                                         "id": "c044c230-a1bc-45d0-9cfa-b0619ae6a896",
                                         "command": "EVENT_CAMERA_SHAKE",
                                         "args": {
-                                            "time": 0.5
+                                            "time": 0.5,
+                                            "magnitude": {
+                                                "type": "number",
+                                                "value": 5
+                                            }
                                         }
                                     },
                                     {
@@ -22988,7 +22992,11 @@
                                         "id": "e665bde2-c47c-44c4-bd8c-6833e41f5f7d",
                                         "command": "EVENT_CAMERA_SHAKE",
                                         "args": {
-                                            "time": 0.5
+                                            "time": 0.5,
+                                            "magnitude": {
+                                                "type": "number",
+                                                "value": 5
+                                            }
                                         }
                                     },
                                     {
@@ -23171,7 +23179,11 @@
                                         "id": "adff33b1-14c6-47f5-a69d-b203a15f8f0a",
                                         "command": "EVENT_CAMERA_SHAKE",
                                         "args": {
-                                            "time": 0.5
+                                            "time": 0.5,
+                                            "magnitude": {
+                                                "type": "number",
+                                                "value": 5
+                                            }
                                         }
                                     },
                                     {
@@ -23354,7 +23366,11 @@
                                         "id": "b8bf7fc5-b933-40b9-98ec-6ae8deebac63",
                                         "command": "EVENT_CAMERA_SHAKE",
                                         "args": {
-                                            "time": 0.5
+                                            "time": 0.5,
+                                            "magnitude": {
+                                                "type": "number",
+                                                "value": 5
+                                            }
                                         }
                                     },
                                     {
@@ -23537,7 +23553,11 @@
                                         "id": "713bddf8-123c-4fad-a98b-619d84a20cf7",
                                         "command": "EVENT_CAMERA_SHAKE",
                                         "args": {
-                                            "time": 0.5
+                                            "time": 0.5,
+                                            "magnitude": {
+                                                "type": "number",
+                                                "value": 5
+                                            }
                                         }
                                     },
                                     {
@@ -23720,7 +23740,11 @@
                                         "id": "cdade4ea-20ff-41f4-8d44-c1acff0dce0e",
                                         "command": "EVENT_CAMERA_SHAKE",
                                         "args": {
-                                            "time": 0.5
+                                            "time": 0.5,
+                                            "magnitude": {
+                                                "type": "number",
+                                                "value": 5
+                                            }
                                         }
                                     },
                                     {
@@ -23903,7 +23927,11 @@
                                         "id": "8ecc8e58-0101-45e9-8418-3d65f65d2ab3",
                                         "command": "EVENT_CAMERA_SHAKE",
                                         "args": {
-                                            "time": 0.5
+                                            "time": 0.5,
+                                            "magnitude": {
+                                                "type": "number",
+                                                "value": 5
+                                            }
                                         }
                                     },
                                     {
@@ -25966,7 +25994,11 @@
                     "id": "9785818e-bf26-405d-9ac5-f908acacccbf",
                     "command": "EVENT_CAMERA_SHAKE",
                     "args": {
-                        "time": 0.5
+                        "time": 0.5,
+                        "magnitude": {
+                            "type": "number",
+                            "value": 5
+                        }
                     }
                 }
             ],
@@ -25975,7 +26007,11 @@
                     "id": "57a67cd7-2542-4883-b687-12bf4e76ca59",
                     "command": "EVENT_CAMERA_SHAKE",
                     "args": {
-                        "time": 0.5
+                        "time": 0.5,
+                        "magnitude": {
+                            "type": "number",
+                            "value": 5
+                        }
                     }
                 }
             ],
@@ -25984,7 +26020,11 @@
                     "id": "1567a446-59af-4aa5-b812-1902ceed6711",
                     "command": "EVENT_CAMERA_SHAKE",
                     "args": {
-                        "time": 0.5
+                        "time": 0.5,
+                        "magnitude": {
+                            "type": "number",
+                            "value": 5
+                        }
                     }
                 }
             ],
@@ -33320,7 +33360,11 @@
                                                     "id": "bb032da2-cd1f-4d06-922b-6d7c90f29fbf",
                                                     "command": "EVENT_CAMERA_SHAKE",
                                                     "args": {
-                                                        "time": 0.5
+                                                        "time": 0.5,
+                                                        "magnitude": {
+                                                            "type": "number",
+                                                            "value": 5
+                                                        }
                                                     }
                                                 }
                                             ]
@@ -33704,7 +33748,11 @@
                                                     "id": "bb032da2-cd1f-4d06-922b-6d7c90f29fbf",
                                                     "command": "EVENT_CAMERA_SHAKE",
                                                     "args": {
-                                                        "time": 0.5
+                                                        "time": 0.5,
+                                                        "magnitude": {
+                                                            "type": "number",
+                                                            "value": 5
+                                                        }
                                                     }
                                                 }
                                             ]
@@ -33951,7 +33999,11 @@
                                                     "id": "bb032da2-cd1f-4d06-922b-6d7c90f29fbf",
                                                     "command": "EVENT_CAMERA_SHAKE",
                                                     "args": {
-                                                        "time": 0.5
+                                                        "time": 0.5,
+                                                        "magnitude": {
+                                                            "type": "number",
+                                                            "value": 5
+                                                        }
                                                     }
                                                 }
                                             ]
@@ -34151,7 +34203,11 @@
                             "id": "a37c47f5-9cca-4b82-b240-46b1b4e8d232",
                             "command": "EVENT_CAMERA_SHAKE",
                             "args": {
-                                "time": 0.1
+                                "time": 0.1,
+                                "magnitude": {
+                                    "type": "number",
+                                    "value": 5
+                                }
                             }
                         }
                     ],
@@ -34247,7 +34303,11 @@
                             "id": "56f6872d-7a5f-4fe6-a5e7-5d1f8a7823af",
                             "command": "EVENT_CAMERA_SHAKE",
                             "args": {
-                                "time": 0.1
+                                "time": 0.1,
+                                "magnitude": {
+                                    "type": "number",
+                                    "value": 5
+                                }
                             }
                         }
                     ],
@@ -36975,7 +37035,11 @@
                                         "id": "0e6424fc-b991-4020-95af-44d485369ba7",
                                         "command": "EVENT_CAMERA_SHAKE",
                                         "args": {
-                                            "time": 1
+                                            "time": 1,
+                                            "magnitude": {
+                                                "type": "number",
+                                                "value": 5
+                                            }
                                         }
                                     },
                                     {
@@ -58192,7 +58256,6 @@
             "name": "bullet",
             "symbol": "sprite_bullet",
             "numFrames": 1,
-            "type": "static",
             "filename": "bullet.png",
             "checksum": "20f72d8c2befb3e03da3f64a307172a5d95853d1",
             "width": 16,
@@ -58313,14 +58376,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "32c48a4d-6ce6-4aca-a23a-a6300b5c9e3b",
             "name": "bullet_left",
             "symbol": "sprite_bullet_left",
             "numFrames": 2,
-            "type": "animated",
             "filename": "bullet_left.png",
             "checksum": "35ccc08a8a260fbbf530412dd81275900857ac78",
             "width": 32,
@@ -58472,14 +58535,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "450a3571-cc76-41be-8c95-818d60b83c59",
             "name": "bullet_right",
             "symbol": "sprite_bullet_right",
             "numFrames": 2,
-            "type": "animated",
             "filename": "bullet_right.png",
             "checksum": "8314b3c3b8f067e20f49bf3bd3cb63e03a457cc0",
             "width": 32,
@@ -58631,14 +58694,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "1e27bb8e-c805-435a-8b87-05b4f50da4f0",
             "name": "cat",
             "symbol": "sprite_cat",
             "numFrames": 1,
-            "type": "static",
             "filename": "cat.png",
             "checksum": "acdc77db823a88d17537d263a436168ab01efe22",
             "width": 16,
@@ -58759,14 +58822,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "f0c3033d-e82a-407d-9fe2-3d5da4f59c09",
             "name": "checkbox",
             "symbol": "sprite_checkbox",
             "numFrames": 2,
-            "type": "animated",
             "filename": "checkbox.png",
             "checksum": "47fd516f3adb10b1cfde24450b5c7c928abf643e",
             "width": 32,
@@ -58892,14 +58955,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "d4206af4-4d12-4cfd-a4a8-faa11d4aff34",
             "name": "chest",
             "symbol": "sprite_chest",
             "numFrames": 2,
-            "type": "animated",
             "filename": "chest.png",
             "checksum": "c5d44f84742b12cbac9318755055a7965edb4ea3",
             "width": 32,
@@ -59127,14 +59190,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "a827b612-578f-4cb9-a2bf-fd54b197b83f",
             "name": "cursor",
             "symbol": "sprite_cursor",
             "numFrames": 2,
-            "type": "animated",
             "filename": "cursor.png",
             "checksum": "1f21ce7ede568c59e378eec3bce19e7abe50414a",
             "width": 32,
@@ -59340,14 +59403,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "17219846-cda9-4e84-bdfa-c3ff105d42cc",
             "name": "dog",
             "symbol": "sprite_dog",
             "numFrames": 1,
-            "type": "static",
             "filename": "dog.png",
             "checksum": "d9bfa8cf4e196a4b89abc8811e1157b8cf3e4380",
             "width": 16,
@@ -59468,14 +59531,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "b98fb589-03b9-4c8b-949b-2d017c941752",
             "name": "drumkit",
             "symbol": "sprite_drumkit",
             "numFrames": 2,
-            "type": "animated",
             "filename": "drumkit.png",
             "checksum": "acd18649afd67247099431d7896d2e505872d308",
             "width": 32,
@@ -59622,14 +59685,14 @@
             "boundsY": 0,
             "boundsWidth": 32,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "ede130e6-013a-42d1-a786-1aed3fd3cf32",
             "name": "duck",
             "symbol": "sprite_duck",
             "numFrames": 2,
-            "type": "animated",
             "filename": "duck.png",
             "checksum": "478ef3a9a69777125e9dd4431884adb5c7f079b3",
             "width": 32,
@@ -59781,14 +59844,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "55561033-cbbb-4d7b-9961-4db33c1d596c",
             "name": "elephant",
             "symbol": "sprite_elephant",
             "numFrames": 31.5,
-            "type": "animated",
             "filename": "elephant.png",
             "checksum": "60284e758421739af1e232f7b70eaf126d4c7610",
             "width": 504,
@@ -61642,14 +61705,14 @@
             "boundsY": 0,
             "boundsWidth": 47,
             "boundsHeight": 39,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "954ffda3-81b7-40ea-a338-3b11ad4b75fb",
             "name": "enemy_ship",
             "symbol": "sprite_enemy_ship",
             "numFrames": 4,
-            "type": "animated",
             "filename": "enemy_ship.png",
             "checksum": "5ca3edf07271d35f48c4d5c6a795ad81d08b479f",
             "width": 64,
@@ -62001,14 +62064,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "493bdd1e-7e97-4911-b89a-c0677dfdcaaa",
             "name": "explode",
             "symbol": "sprite_explode",
             "numFrames": 4,
-            "type": "animated",
             "filename": "explode.png",
             "checksum": "3bb5bb170d76027fce34694c0c0d8237c189690c",
             "width": 64,
@@ -62222,14 +62285,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "f2610e3c-8ff9-42fa-a9bb-d1591031fa17",
             "name": "fire",
             "symbol": "sprite_fire",
             "numFrames": 4,
-            "type": "animated",
             "filename": "fire.png",
             "checksum": "178804359d94af9d2cd342cf77f92f4fb6373589",
             "width": 64,
@@ -62443,14 +62506,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "81b14fe6-2235-480e-bc3b-a5899aa66afe",
             "name": "hidden_stairs",
             "symbol": "sprite_hidden_stairs",
             "numFrames": 1,
-            "type": "static",
             "filename": "hidden_stairs.png",
             "checksum": "958c815a9dff5938722bb9a6d012a10249134190",
             "width": 16,
@@ -62571,14 +62634,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "09ad70c6-3ce5-4b97-9e96-466221418a45",
             "name": "ice",
             "symbol": "sprite_ice",
             "numFrames": 1,
-            "type": "static",
             "filename": "ice.png",
             "checksum": "e2bb5ba0ccb5b8d531b6afce09bf3b73d91971ea",
             "width": 16,
@@ -62699,14 +62762,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "a933db32-62f4-40a9-bf7c-bf44df85b1a4",
             "name": "keyboard",
             "symbol": "sprite_keyboard",
             "numFrames": 2,
-            "type": "animated",
             "filename": "keyboard.png",
             "checksum": "9ccb7ce55bcd7a81e8c8f471e4c33c777fa114e6",
             "width": 32,
@@ -62853,14 +62916,14 @@
             "boundsY": 0,
             "boundsWidth": 32,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "8cb9c002-1abc-458c-9588-9b55af8efb08",
             "name": "machine",
             "symbol": "sprite_machine",
             "numFrames": 2,
-            "type": "animated",
             "filename": "machine.png",
             "checksum": "10e86bdc2747f98c29c83028783152acac542177",
             "width": 32,
@@ -63012,14 +63075,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "dfa75239-299d-41fe-a6cd-9e9438da1938",
             "name": "npc001",
             "symbol": "sprite_npc001",
             "numFrames": 3,
-            "type": "actor",
             "filename": "npc001.png",
             "checksum": "325c2370daedcc0afc0f8e6df58e4da01731dfc3",
             "width": 48,
@@ -63194,14 +63257,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor"
         },
         {
             "id": "40dcd163-9f72-4861-8131-b01eb9baa000",
             "name": "npc002",
             "symbol": "sprite_npc002",
             "numFrames": 3,
-            "type": "actor",
             "filename": "npc002.png",
             "checksum": "5f3d41a6f7e0af6159c93b34cb6a480f14522c43",
             "width": 48,
@@ -63376,14 +63439,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor"
         },
         {
             "id": "52ad34df-f245-4b2a-b94c-a82af1002871",
             "name": "npc003",
             "symbol": "sprite_npc003",
             "numFrames": 6,
-            "type": "actor_animated",
             "filename": "npc003.png",
             "checksum": "a0c294cf5d64aee5d8748e5cbeafc8ea9e4cf8dd",
             "width": 96,
@@ -63732,14 +63795,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor_animated"
         },
         {
             "id": "46a3db76-878e-4896-892b-d1afa7d5e2f0",
             "name": "npc004",
             "symbol": "sprite_npc004",
             "numFrames": 6,
-            "type": "actor_animated",
             "filename": "npc004.png",
             "checksum": "b5c1a454273623430add536a14de7a4328659389",
             "width": 96,
@@ -64088,14 +64151,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor_animated"
         },
         {
             "id": "7a27b229-5f3d-4eaa-b20c-07997673324d",
             "name": "npc005",
             "symbol": "sprite_npc005",
             "numFrames": 6,
-            "type": "actor_animated",
             "filename": "npc005.png",
             "checksum": "fe2a346e79ea7e5c00b74d726e273a056cbffb28",
             "width": 96,
@@ -64444,14 +64507,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor_animated"
         },
         {
             "id": "c475c713-9fd8-455a-b9bc-8c62b2b8fd5e",
             "name": "npc006",
             "symbol": "sprite_npc006",
             "numFrames": 6,
-            "type": "actor_animated",
             "filename": "npc006.png",
             "checksum": "0588e9e69b43360b7f723efb9f7d77160e151bfe",
             "width": 96,
@@ -64800,14 +64863,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor_animated"
         },
         {
             "id": "2b18f935-85a3-4f38-9f52-e5c4ea20776a",
             "name": "npc007",
             "symbol": "sprite_npc007",
             "numFrames": 3,
-            "type": "actor",
             "filename": "npc007.png",
             "checksum": "8cd0fd5b18c0f94f02b9ae1802feb6c1fef2a920",
             "width": 48,
@@ -64982,14 +65045,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor"
         },
         {
             "id": "a9ee1856-b62b-49d8-8eb3-cdf681fa2e76",
             "name": "npc008",
             "symbol": "sprite_npc008",
             "numFrames": 6,
-            "type": "actor_animated",
             "filename": "npc008.png",
             "checksum": "70a7f36d8770fca9ac372b912a1694a5cdcdaa21",
             "width": 96,
@@ -65369,14 +65432,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor_animated"
         },
         {
             "id": "b073d693-12e6-43bf-bb2b-d7e78641fed3",
             "name": "npc_gardener",
             "symbol": "sprite_npc_gardener",
             "numFrames": 1,
-            "type": "static",
             "filename": "npc_gardener.png",
             "checksum": "d38f32b4a53309091a711e808a07eeb140a82b7a",
             "width": 16,
@@ -65629,14 +65692,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "ac1e8ef4-ffe6-47cd-b16f-9af5da77ec26",
             "name": "player",
             "symbol": "sprite_player",
             "numFrames": 6,
-            "type": "actor_animated",
             "filename": "player.png",
             "checksum": "57d62a82877b5ce98f9b55b066672b11a74541af",
             "width": 96,
@@ -65985,14 +66048,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 8,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor_animated"
         },
         {
             "id": "c0310735-3e7c-4ff1-bcff-b07d818d433b",
             "name": "player_platform",
             "symbol": "sprite_player_platform",
             "numFrames": 5.5,
-            "type": "animated",
             "filename": "player_platform.png",
             "checksum": "eea46c3f4a89b044d31ad1e87b9854a4063aeb72",
             "width": 88,
@@ -66754,14 +66817,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 24,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "2f2d492c-dba2-434c-93c9-d1301e88d5e9",
             "name": "player_ship",
             "symbol": "sprite_player_ship",
             "numFrames": 6,
-            "type": "actor_animated",
             "filename": "player_ship.png",
             "checksum": "29459697b548d556d45bb427c413f48d7b14f7b1",
             "width": 96,
@@ -67110,14 +67173,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor_animated"
         },
         {
             "id": "058c0142-0c1e-4762-b5ac-e085d84fc734",
             "name": "pod_door",
             "symbol": "sprite_pod_door",
             "numFrames": 3,
-            "type": "actor",
             "filename": "pod_door.png",
             "checksum": "b8f3e928d6ed27502f5a431e4a35496ecebb614a",
             "width": 48,
@@ -67354,14 +67417,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor"
         },
         {
             "id": "94eb6557-0cfc-453e-8e1f-ddb191ac8536",
             "name": "portal",
             "symbol": "sprite_portal",
             "numFrames": 3,
-            "type": "actor",
             "filename": "portal.png",
             "checksum": "ce76db1c019b417a9a1c469a56fe9996249e38e4",
             "width": 48,
@@ -67598,14 +67661,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor"
         },
         {
             "id": "a0442b6a-634f-44da-9962-77938e3ed839",
             "name": "radio",
             "symbol": "sprite_radio",
             "numFrames": 1,
-            "type": "static",
             "filename": "radio.png",
             "checksum": "ae9943b8ed1e48fe22fafe87bf1b64245dcbd31c",
             "width": 16,
@@ -67726,14 +67789,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "3939e8d2-3987-4a22-953e-f1d82134eccf",
             "name": "rock",
             "symbol": "sprite_rock",
             "numFrames": 1,
-            "type": "static",
             "filename": "rock.png",
             "checksum": "b7cf1ef0e7291494c1aff13493d447801316d6e8",
             "width": 16,
@@ -67854,14 +67917,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "e20ce140-53a5-4b1b-9964-138ba0c86925",
             "name": "sage",
             "symbol": "sprite_sage",
             "numFrames": 1,
-            "type": "static",
             "filename": "sage.png",
             "checksum": "0f0fec264c85a7572c4dc810b886ea4a2bf8a3f5",
             "width": 16,
@@ -67982,14 +68045,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "000a6dde-cb60-436e-b357-30a529daa139",
             "name": "savepoint",
             "symbol": "sprite_savepoint",
             "numFrames": 2,
-            "type": "animated",
             "filename": "savepoint.png",
             "checksum": "0b8c6d14622922a2e3ea2f90add3ed89353a7a9b",
             "width": 32,
@@ -68141,14 +68204,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "30b8266a-0533-4f90-bd33-e97dc1d498ea",
             "name": "signpost",
             "symbol": "sprite_signpost",
             "numFrames": 1,
-            "type": "static",
             "filename": "signpost.png",
             "checksum": "dfe9e69e950460ad1235405937d86c2de3a6df12",
             "width": 16,
@@ -68269,14 +68332,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "b4845aec-11e3-475b-8a9a-0a01b920c710",
             "name": "space_mine",
             "symbol": "sprite_space_mine",
             "numFrames": 4,
-            "type": "animated",
             "filename": "space_mine.png",
             "checksum": "287419e44a11c4a58732ef5ea7b0c51709be3279",
             "width": 64,
@@ -68628,14 +68691,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "animated"
         },
         {
             "id": "e9e61bf7-88fd-491d-ae01-4b7f76909108",
             "name": "torch",
             "symbol": "sprite_torch",
             "numFrames": 1,
-            "type": "static",
             "filename": "torch.png",
             "checksum": "7115d29144680ee075cf63709a5bd562d327b0a4",
             "width": 16,
@@ -68756,14 +68819,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         },
         {
             "id": "f88eea80-c5b4-4e10-b49f-7a8aa8bd477e",
             "name": "turnip",
             "symbol": "sprite_turnip",
             "numFrames": 3,
-            "type": "actor",
             "filename": "turnip.png",
             "checksum": "f2d6d2342a30bf409c629b4d1e7f8f09cd26c856",
             "width": 48,
@@ -69022,14 +69085,14 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "actor"
         },
         {
             "id": "735c26e5-eee4-43ad-a668-a2ab93f84bd8",
             "name": "ui_weapon",
             "symbol": "sprite_ui_weapon",
             "numFrames": 1,
-            "type": "static",
             "filename": "ui_weapon.png",
             "checksum": "696a0c2153ca67099513669b7c04c4af32ddacfa",
             "width": 16,
@@ -69150,7 +69213,8 @@
             "boundsY": 0,
             "boundsWidth": 16,
             "boundsHeight": 16,
-            "animSpeed": 15
+            "animSpeed": 15,
+            "type": "static"
         }
     ],
     "palettes": [
@@ -69758,7 +69822,11 @@
                                 "id": "bb032da2-cd1f-4d06-922b-6d7c90f29fbf",
                                 "command": "EVENT_CAMERA_SHAKE",
                                 "args": {
-                                    "time": 0.5
+                                    "time": 0.5,
+                                    "magnitude": {
+                                        "type": "number",
+                                        "value": 5
+                                    }
                                 }
                             }
                         ]
@@ -69840,7 +69908,11 @@
                     "id": "c044c230-a1bc-45d0-9cfa-b0619ae6a896",
                     "command": "EVENT_CAMERA_SHAKE",
                     "args": {
-                        "time": 0.5
+                        "time": 0.5,
+                        "magnitude": {
+                            "type": "number",
+                            "value": 5
+                        }
                     }
                 },
                 {
@@ -70375,9 +70447,7 @@
             "name": "Tronimal_Sound_Effects.sav",
             "symbol": "sound_gbstudio_sfx_sav",
             "filename": "Tronimal_Sound_Effects.sav",
-            "type": "fxhammer",
-            "inode": "18979781",
-            "_v": 1661702554742
+            "type": "fxhammer"
         }
     ],
     "fonts": [
@@ -70602,7 +70672,6 @@
         "worldScrollX": 0,
         "worldScrollY": 22,
         "zoom": 115.88104721903801,
-        "customColorsEnabled": true,
         "sgbEnabled": false,
         "customHead": "",
         "defaultBackgroundPaletteIds": [
@@ -70629,9 +70698,9 @@
         "defaultUIPaletteId": "default-ui",
         "playerPaletteId": "",
         "navigatorSplitSizes": [
-            516,
-            161,
-            161
+            616,
+            191,
+            191
         ],
         "showNavigator": true,
         "defaultFontId": "948c169c-8e4b-491c-a5f0-66898bbf45d9",
@@ -70655,6 +70724,47 @@
         "customColorsLight": "B0F088",
         "customColorsDark": "509878",
         "customColorsBlack": "202850",
+        "customControlsUp": [
+            "ArrowUp",
+            "w"
+        ],
+        "customControlsDown": [
+            "ArrowDown",
+            "s"
+        ],
+        "customControlsLeft": [
+            "ArrowLeft",
+            "a"
+        ],
+        "customControlsRight": [
+            "ArrowRight",
+            "d"
+        ],
+        "customControlsA": [
+            "Alt",
+            "z",
+            "j"
+        ],
+        "customControlsB": [
+            "Control",
+            "k",
+            "x"
+        ],
+        "customControlsStart": [
+            "Enter"
+        ],
+        "customControlsSelect": [
+            "Shift"
+        ],
+        "debuggerEnabled": false,
+        "debuggerScriptType": "editor",
+        "debuggerVariablesFilter": "all",
+        "debuggerCollapsedPanes": [],
+        "debuggerPauseOnScriptChanged": false,
+        "debuggerPauseOnWatchedVariableChanged": false,
+        "debuggerBreakpoints": [],
+        "debuggerWatchedVariables": [],
+        "colorMode": "mixed",
         "startMapId": "cb5e225f-e996-4ca8-b068-09a12ec18b75",
         "playerSpriteSheetId": "ac1e8ef4-ffe6-47cd-b16f-9af5da77ec26"
     }
diff --git a/src/bin/gb-studio-cli.ts b/src/bin/gb-studio-cli.ts
index 1b67f7e42..e164f26e3 100644
--- a/src/bin/gb-studio-cli.ts
+++ b/src/bin/gb-studio-cli.ts
@@ -139,9 +139,10 @@ const main = async (
     const sanitize = (s: string) => String(s || "").replace(/["<>]/g, "");
     const projectName = sanitize(project.name);
     const author = sanitize(project.author);
-    const colorsHead = project.settings.customColorsEnabled
-      ? `<style type="text/css"> body { background-color:#${project.settings.customColorsBlack}; }</style>`
-      : "";
+    const colorsHead =
+      project.settings.colorMode !== "mono"
+        ? `<style type="text/css"> body { background-color:#${project.settings.customColorsBlack}; }</style>`
+        : "";
     const customHead = project.settings.customHead || "";
     const customControls = JSON.stringify({
       up: project.settings.customControlsUp,
diff --git a/src/components/backgrounds/BackgroundPreviewSettings.tsx b/src/components/backgrounds/BackgroundPreviewSettings.tsx
index 7995af5a6..ec46a3966 100644
--- a/src/components/backgrounds/BackgroundPreviewSettings.tsx
+++ b/src/components/backgrounds/BackgroundPreviewSettings.tsx
@@ -74,7 +74,7 @@ const BackgroundPreviewSettings = ({
   const sceneIndex = scenes.indexOf(value);
 
   const colorsEnabled = useAppSelector(
-    (state) => state.project.present.settings.customColorsEnabled
+    (state) => state.project.present.settings.colorMode !== "mono"
   );
 
   useEffect(() => {
diff --git a/src/components/editors/ActorEditor.tsx b/src/components/editors/ActorEditor.tsx
index 2cf211208..895483138 100644
--- a/src/components/editors/ActorEditor.tsx
+++ b/src/components/editors/ActorEditor.tsx
@@ -136,7 +136,7 @@ export const ActorEditor: FC<ActorEditorProps> = ({
       state.project.present.settings.defaultSpritePaletteId || DMG_PALETTE.id
   );
   const colorsEnabled = useAppSelector(
-    (state) => state.project.present.settings.customColorsEnabled
+    (state) => state.project.present.settings.colorMode !== "mono"
   );
   const lockScriptEditor = useAppSelector(
     (state) => state.editor.lockScriptEditor
diff --git a/src/components/editors/SceneEditor.tsx b/src/components/editors/SceneEditor.tsx
index a0694ca6c..fffcb6bde 100644
--- a/src/components/editors/SceneEditor.tsx
+++ b/src/components/editors/SceneEditor.tsx
@@ -130,7 +130,7 @@ export const SceneEditor = ({ id, multiColumn }: SceneEditorProps) => {
   );
   const [notesOpen, setNotesOpen] = useState<boolean>(!!scene?.notes);
   const colorsEnabled = useAppSelector(
-    (state) => state.project.present.settings.customColorsEnabled
+    (state) => state.project.present.settings.colorMode !== "mono"
   );
   const startSceneId = useAppSelector(
     (state) => state.project.present.settings.startSceneId
diff --git a/src/components/editors/WorldEditor.tsx b/src/components/editors/WorldEditor.tsx
index fbb29db84..46301e858 100644
--- a/src/components/editors/WorldEditor.tsx
+++ b/src/components/editors/WorldEditor.tsx
@@ -128,7 +128,7 @@ export const WorldEditor: FC = () => {
 
   const onChangeColorsEnabled = useCallback(
     (e: React.ChangeEvent<HTMLInputElement>) =>
-      onChangeSettingProp("customColorsEnabled", castEventToBool(e)),
+      onChangeSettingProp("colorMode", castEventToBool(e) ? "mixed" : "mono"),
     [onChangeSettingProp]
   );
 
@@ -184,9 +184,9 @@ export const WorldEditor: FC = () => {
 
           <FormRow>
             <CheckboxField
-              name="customColorsEnabled"
+              name="colorsEnabled"
               label={l10n("FIELD_EXPORT_IN_COLOR")}
-              checked={settings.customColorsEnabled}
+              checked={settings.colorMode !== "mono"}
               onChange={onChangeColorsEnabled}
             />
             <Button onClick={onOpenSettings}>
diff --git a/src/components/forms/BackgroundSelectButton.tsx b/src/components/forms/BackgroundSelectButton.tsx
index d77b51aa8..3a6c4d7f5 100644
--- a/src/components/forms/BackgroundSelectButton.tsx
+++ b/src/components/forms/BackgroundSelectButton.tsx
@@ -8,6 +8,7 @@ import { RelativePortal } from "ui/layout/RelativePortal";
 import { BackgroundSelect } from "./BackgroundSelect";
 import { assetURLStyleProp } from "shared/lib/helpers/assets";
 import { useAppDispatch, useAppSelector } from "store/hooks";
+import { MAX_BACKGROUND_TILES, MAX_BACKGROUND_TILES_CGB } from "consts";
 
 interface BackgroundSelectProps {
   name: string;
@@ -154,6 +155,9 @@ export const BackgroundSelectButton: FC<BackgroundSelectProps> = ({
   const numTiles = useAppSelector(
     (state) => state.assets.backgrounds[value || ""]?.numTiles
   );
+  const isCGBOnly = useAppSelector(
+    (state) => state.project.present.settings.colorMode === "color"
+  );
   const dispatch = useAppDispatch();
 
   useEffect(() => {
@@ -261,7 +265,13 @@ export const BackgroundSelectButton: FC<BackgroundSelectProps> = ({
                 <SpriteInfoField>{l10n("FIELD_SIZE")}:</SpriteInfoField>
                 {background?.width}x{background?.height}
               </SpriteInfoRow>
-              <SpriteInfoRow error={numTiles > 192 && !is360}>
+              <SpriteInfoRow
+                error={
+                  (numTiles > MAX_BACKGROUND_TILES_CGB ||
+                    (!isCGBOnly && numTiles > MAX_BACKGROUND_TILES)) &&
+                  !is360
+                }
+              >
                 <SpriteInfoField>{l10n("FIELD_TILES")}:</SpriteInfoField>
                 {numTiles}
               </SpriteInfoRow>
diff --git a/src/components/forms/ColorModeSelect.tsx b/src/components/forms/ColorModeSelect.tsx
new file mode 100644
index 000000000..67b178ed8
--- /dev/null
+++ b/src/components/forms/ColorModeSelect.tsx
@@ -0,0 +1,83 @@
+import React, { FC, useCallback, useEffect, useMemo, useState } from "react";
+import { ColorModeSetting } from "store/features/settings/settingsState";
+import {
+  Option,
+  OptionLabelWithInfo,
+  Select,
+  SelectCommonProps,
+} from "ui/form/Select";
+
+interface ColorModeSelectProps extends SelectCommonProps {
+  name: string;
+  value?: ColorModeSetting;
+  onChange?: (newId: ColorModeSetting) => void;
+}
+
+export interface ColorModeOption {
+  value: ColorModeSetting;
+  label: string;
+}
+
+const colorModeOptions: ColorModeOption[] = [
+  {
+    value: "mono",
+    label: "Monochrome",
+  },
+  {
+    value: "mixed",
+    label: "Color + Monochrome",
+  },
+  {
+    value: "color",
+    label: "Color Only",
+  },
+];
+
+export const ColorModeSelect: FC<ColorModeSelectProps> = ({
+  value,
+  onChange,
+}) => {
+  const [currentValue, setCurrentValue] = useState<Option>();
+  const colorModeOptionsInfo: { [key: string]: string } = useMemo(
+    () => ({
+      mono: "GB, GB Color, Pocket",
+      mixed: "GB, GB Color, Pocket",
+      color: "GB Color, Pocket",
+    }),
+    []
+  );
+
+  useEffect(() => {
+    const currentColorMode = colorModeOptions.find((e) => e.value === value);
+    if (currentColorMode) {
+      setCurrentValue(currentColorMode);
+    }
+  }, [value]);
+
+  const onSelectChange = useCallback(
+    (newValue: ColorModeOption) => {
+      onChange?.(newValue.value);
+    },
+    [onChange]
+  );
+
+  return (
+    <Select
+      value={currentValue}
+      options={colorModeOptions}
+      onChange={onSelectChange}
+      formatOptionLabel={(
+        option: Option,
+        { context }: { context: "menu" | "value" }
+      ) => {
+        return (
+          <OptionLabelWithInfo
+            info={context === "menu" ? colorModeOptionsInfo[option.value] : ""}
+          >
+            {option.label}
+          </OptionLabelWithInfo>
+        );
+      }}
+    />
+  );
+};
diff --git a/src/components/pages/SettingsPage.tsx b/src/components/pages/SettingsPage.tsx
index c239742ed..b4aef8da3 100644
--- a/src/components/pages/SettingsPage.tsx
+++ b/src/components/pages/SettingsPage.tsx
@@ -12,6 +12,7 @@ import CustomControlsPicker from "components/forms/CustomControlsPicker";
 import { PaletteSelect } from "components/forms/PaletteSelect";
 import { Button } from "ui/buttons/Button";
 import {
+  ColorModeSetting,
   MusicDriverSetting,
   SettingsState,
 } from "store/features/settings/settingsState";
@@ -47,6 +48,7 @@ import { UIAssetPreview } from "components/forms/UIAssetPreviewButton";
 import { FormField } from "ui/form/FormLayout";
 import { FixedSpacer } from "ui/spacing/Spacing";
 import { useAppDispatch, useAppSelector } from "store/hooks";
+import { ColorModeSelect } from "components/forms/ColorModeSelect";
 
 const SettingsPage: FC = () => {
   const dispatch = useAppDispatch();
@@ -81,7 +83,7 @@ const SettingsPage: FC = () => {
   }, [scrollToId]);
 
   const {
-    customColorsEnabled,
+    colorMode,
     sgbEnabled,
     customHead,
     defaultBackgroundPaletteIds,
@@ -91,6 +93,8 @@ const SettingsPage: FC = () => {
     musicDriver,
   } = settings;
 
+  const colorEnabled = colorMode !== "mono";
+
   const onSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
     setSearchTerm(e.currentTarget.value);
   };
@@ -116,9 +120,8 @@ const SettingsPage: FC = () => {
     [dispatch]
   );
 
-  const onChangeColorsEnabled = useCallback(
-    (e: React.ChangeEvent<HTMLInputElement>) =>
-      onChangeSettingProp("customColorsEnabled", castEventToBool(e)),
+  const onChangeColorMode = useCallback(
+    (e: ColorModeSetting) => onChangeSettingProp("colorMode", e),
     [onChangeSettingProp]
   );
 
@@ -228,7 +231,7 @@ const SettingsPage: FC = () => {
               />
             </SettingsSearchWrapper>
             <SettingsMenuItem onClick={onMenuItem("settingsColor")}>
-              {l10n("SETTINGS_GBC")}
+              {l10n("SETTINGS_COLOR")}
             </SettingsMenuItem>
             <SettingsMenuItem onClick={onMenuItem("settingsSuper")}>
               {l10n("SETTINGS_SGB")}
@@ -273,23 +276,52 @@ const SettingsPage: FC = () => {
         >
           <CardAnchor id="settingsColor" />
           <CardHeading>
-            <ColorAnimationText>{l10n("SETTINGS_GBC")}</ColorAnimationText>
+            <ColorAnimationText>{l10n("SETTINGS_COLOR")}</ColorAnimationText>
           </CardHeading>
+
           <SearchableSettingRow
             searchTerm={searchTerm}
-            searchMatches={[l10n("FIELD_EXPORT_IN_COLOR")]}
+            searchMatches={[l10n("FIELD_COLOR_MODE")]}
           >
-            <SettingRowLabel>{l10n("FIELD_EXPORT_IN_COLOR")}</SettingRowLabel>
+            <SettingRowLabel>{l10n("FIELD_COLOR_MODE")}</SettingRowLabel>
             <SettingRowInput>
-              <Checkbox
-                id="customColorsEnabled"
-                name="customColorsEnabled"
-                checked={customColorsEnabled}
-                onChange={onChangeColorsEnabled}
+              <ColorModeSelect
+                name="colorMode"
+                value={colorMode}
+                onChange={onChangeColorMode}
               />
+              <FormInfo>
+                {colorMode === "mono" && l10n("FIELD_COLOR_MODE_MONO_NOTE")}
+                {colorMode === "mixed" && l10n("FIELD_COLOR_MODE_MIXED_NOTE")}
+                {colorMode === "color" &&
+                  l10n("FIELD_COLOR_MODE_COLOR_LIMITATIONS_NOTE")}
+                {colorMode === "color" && (
+                  <>
+                    <br />
+                    <br />
+                    {l10n("FIELD_COLOR_MODE_COLOR_NOTE")}
+                  </>
+                )}
+                <br />
+                <br />
+                {l10n("FIELD_SUPPORTED_PLATFORMS")}:
+                <ul style={{ marginTop: 5, marginBottom: 0 }}>
+                  {colorMode !== "color" && (
+                    <li>
+                      GB{" "}
+                      {colorMode !== "mono"
+                        ? `(${l10n("FIELD_MONOCHROME_ONLY")})`
+                        : ""}
+                    </li>
+                  )}
+                  <li>GB Color</li>
+                  {colorMode !== "color" && <li>Super GB</li>}
+                  <li>Analogue Pocket</li>
+                </ul>
+              </FormInfo>
             </SettingRowInput>
           </SearchableSettingRow>
-          {customColorsEnabled && (
+          {colorEnabled && (
             <>
               <SearchableSettingRow
                 searchTerm={searchTerm}
@@ -314,7 +346,7 @@ const SettingsPage: FC = () => {
                             onEditPaletteId(index, e);
                           }}
                         />
-                        {sgbEnabled && index === 4 && (
+                        {sgbEnabled && colorMode !== "color" && index === 4 && (
                           <FormInfo>{l10n("FIELD_SGB_PALETTE_NOTE")}</FormInfo>
                         )}
                         {index !== 7 && <FixedSpacer height={3} />}
@@ -388,16 +420,20 @@ const SettingsPage: FC = () => {
           >
             <SettingRowLabel>{l10n("FIELD_ENABLE_SGB")}</SettingRowLabel>
             <SettingRowInput>
-              <Checkbox
-                id="sgbEnabled"
-                name="sgbEnabled"
-                checked={sgbEnabled}
-                onChange={onChangeSGBEnabled}
-              />
+              {colorMode === "color" ? (
+                <FormInfo>{l10n("FIELD_SGB_UNAVAILABLE")}</FormInfo>
+              ) : (
+                <Checkbox
+                  id="sgbEnabled"
+                  name="sgbEnabled"
+                  checked={sgbEnabled}
+                  onChange={onChangeSGBEnabled}
+                />
+              )}
             </SettingRowInput>
           </SearchableSettingRow>
 
-          {sgbEnabled && (
+          {sgbEnabled && colorMode !== "color" && (
             <>
               <SearchableSettingRow
                 searchTerm={searchTerm}
@@ -420,7 +456,7 @@ const SettingsPage: FC = () => {
                           onEditPaletteId(4, e);
                         }}
                       />
-                      {customColorsEnabled && (
+                      {colorEnabled && (
                         <FormInfo>{l10n("FIELD_SGB_PALETTE_NOTE")}</FormInfo>
                       )}
                     </FormField>
diff --git a/src/components/sprites/MetaspriteEditor.tsx b/src/components/sprites/MetaspriteEditor.tsx
index 81d1dcc26..500f8e575 100644
--- a/src/components/sprites/MetaspriteEditor.tsx
+++ b/src/components/sprites/MetaspriteEditor.tsx
@@ -167,7 +167,7 @@ const MetaspriteEditor = ({
   const zoom = useAppSelector((state) => state.editor.zoomSprite) / 100;
   const showSpriteGrid = useAppSelector((state) => state.editor.showSpriteGrid);
   const colorsEnabled = useAppSelector(
-    (state) => state.project.present.settings.customColorsEnabled
+    (state) => state.project.present.settings.colorMode !== "mono"
   );
   const spriteSheet = useAppSelector((state) =>
     spriteSheetSelectors.selectById(state, spriteSheetId)
diff --git a/src/components/sprites/MetaspriteEditorPreviewSettings.tsx b/src/components/sprites/MetaspriteEditorPreviewSettings.tsx
index ca8af4bfc..897bbd9cd 100644
--- a/src/components/sprites/MetaspriteEditorPreviewSettings.tsx
+++ b/src/components/sprites/MetaspriteEditorPreviewSettings.tsx
@@ -89,7 +89,7 @@ const MetaspriteEditorPreviewSettings = ({
   const scenes = useAppSelector((state) => sceneSelectors.selectIds(state));
   const sceneIndex = scenes.indexOf(value);
   const colorsEnabled = useAppSelector(
-    (state) => state.project.present.settings.customColorsEnabled
+    (state) => state.project.present.settings.colorMode !== "mono"
   );
 
   useEffect(() => {
diff --git a/src/components/sprites/SpriteEditor.tsx b/src/components/sprites/SpriteEditor.tsx
index 014b1bab7..97c9a5a6e 100644
--- a/src/components/sprites/SpriteEditor.tsx
+++ b/src/components/sprites/SpriteEditor.tsx
@@ -73,7 +73,7 @@ export const SpriteEditor = ({
   spriteStateId,
 }: SpriteEditorProps) => {
   const colorsEnabled = useAppSelector(
-    (state) => state.project.present.settings.customColorsEnabled
+    (state) => state.project.present.settings.colorMode !== "mono"
   );
   const sprite = useAppSelector((state) =>
     spriteSheetSelectors.selectById(state, id)
@@ -713,7 +713,7 @@ export const SpriteEditor = ({
                 spriteState.animationType !== "cursor" && (
                   <FormRow>
                     <CheckboxField
-                      name="customColorsEnabled"
+                      name="flipRightForLeft"
                       label={l10n("FIELD_FLIP_RIGHT_TO_CREATE_LEFT")}
                       checked={!!spriteState.flipLeft}
                       onChange={onChangeStateFlipLeft}
diff --git a/src/components/world/ActorView.tsx b/src/components/world/ActorView.tsx
index 418dfaa17..c84a62027 100644
--- a/src/components/world/ActorView.tsx
+++ b/src/components/world/ActorView.tsx
@@ -76,7 +76,7 @@ const ActorView = memo(
       paletteSelectors.selectEntities(state)
     );
     const showSprite = useAppSelector((state) => state.editor.zoom > 80);
-    const gbcEnabled = settings.customColorsEnabled;
+    const gbcEnabled = settings.colorMode !== "mono";
     const palette: Palette = useMemo(
       () =>
         gbcEnabled
diff --git a/src/components/world/SceneInfo.tsx b/src/components/world/SceneInfo.tsx
index d9ce305c7..bc126cf6e 100644
--- a/src/components/world/SceneInfo.tsx
+++ b/src/components/world/SceneInfo.tsx
@@ -119,6 +119,9 @@ const SceneInfo = () => {
   const backgroundNumTiles = useAppSelector(
     (state) => state.assets.backgrounds[scene?.backgroundId || ""]?.numTiles
   );
+  const isCGBOnly = useAppSelector(
+    (state) => state.project.present.settings.colorMode === "color"
+  );
   const [tileCount, setTileCount] = useState(0);
   const [actorWarnings, setActorWarnings] = useState<string[]>([]);
   const [loaded, setLoaded] = useState(false);
@@ -265,10 +268,15 @@ const SceneInfo = () => {
       }
 
       const tileCount = usedSpriteSheets.reduce((memo, spriteSheet) => {
-        return (
-          memo +
-          (spriteSheet && spriteSheet.numTiles ? spriteSheet.numTiles : 0)
-        );
+        let numTiles =
+          spriteSheet && spriteSheet.numTiles ? spriteSheet.numTiles : 0;
+        if (isCGBOnly) {
+          // CGB Only splits tiles equally between VRAM banks 1 + 2
+          // need to take into account that odd number of tiles will fill
+          // VRAM bank1 quicker
+          numTiles = Math.ceil(numTiles * 0.5) * 2;
+        }
+        return memo + numTiles;
       }, 0);
 
       setTileCount(tileCount);
@@ -348,13 +356,14 @@ const SceneInfo = () => {
     setActorWarnings(newActorWarnings);
     setLoaded(true);
   }, [
-    actorsLookup,
-    defaultPlayerSprites,
     scene,
-    scriptEventsLookup,
     spriteSheetsLookup,
+    scriptEventsLookup,
+    actorsLookup,
     triggersLookup,
     customEventsLookup,
+    defaultPlayerSprites,
+    isCGBOnly,
   ]);
 
   const debouncedRecalculateCounts = useDebounce(recalculateCounts, 200);
@@ -390,7 +399,7 @@ const SceneInfo = () => {
   const triggerCount = scene.triggers.length;
   const maxSpriteTiles =
     scene.type !== "LOGO"
-      ? maxSpriteTilesForBackgroundTilesLength(backgroundNumTiles)
+      ? maxSpriteTilesForBackgroundTilesLength(backgroundNumTiles, isCGBOnly)
       : MAX_LOGO_SPRITE_TILES;
 
   return (
diff --git a/src/components/world/SceneView.tsx b/src/components/world/SceneView.tsx
index 534867d1c..1bfe326c2 100644
--- a/src/components/world/SceneView.tsx
+++ b/src/components/world/SceneView.tsx
@@ -181,7 +181,7 @@ const SceneView = memo(({ id, index, editable }: SceneViewProps) => {
     false;
 
   const gbcEnabled = useAppSelector(
-    (state) => state.project.present.settings.customColorsEnabled
+    (state) => state.project.present.settings.colorMode !== "mono"
   );
 
   const tool = useAppSelector((state) => state.editor.tool);
diff --git a/src/consts.ts b/src/consts.ts
index 79fbd1dff..06abbe966 100755
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -29,6 +29,10 @@ const MAX_ACTORS_SMALL = 10;
 const MAX_TRIGGERS = 30;
 const MAX_FRAMES = 25;
 const MAX_SPRITE_TILES = 64;
+
+export const MAX_BACKGROUND_TILES = 16 * 12;
+export const MAX_BACKGROUND_TILES_CGB = 16 * 12 * 2;
+
 const SCREEN_WIDTH = 20;
 const SCREEN_HEIGHT = 18;
 const MAX_ONSCREEN = 10;
@@ -100,6 +104,8 @@ export const DMG_PALETTE = {
   colors: ["E8F8E0", "B0F088", "509878", "202850"],
 } as Palette;
 
+export const FLAG_VRAM_BANK_1 = 0x8;
+
 export const TMP_VAR_1 = "T0";
 export const TMP_VAR_2 = "T1";
 
@@ -145,7 +151,6 @@ export const defaultProjectSettings: SettingsState = {
   worldScrollX: 0,
   worldScrollY: 0,
   zoom: 100,
-  customColorsEnabled: false,
   sgbEnabled: false,
   customHead: "",
   defaultBackgroundPaletteIds: [
@@ -200,6 +205,7 @@ export const defaultProjectSettings: SettingsState = {
   debuggerPauseOnWatchedVariableChanged: false,
   debuggerBreakpoints: [],
   debuggerWatchedVariables: [],
+  colorMode: "mixed",
 };
 
 export {
diff --git a/src/lang/en.json b/src/lang/en.json
index 39fbaaaf2..4bae3aa92 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -737,6 +737,14 @@
   "FIELD_PAUSE_TO_VIEW_SCRIPTS": "Pause debugger to view currently running scripts",
   "FIELD_CURRENT_STATE": "Current State",
   "FIELD_DEBUGGER_PAUSED": "Debugger paused",
+  "FIELD_COLOR_MODE": "Color Mode",
+  "FIELD_COLOR_MODE_MONO_NOTE": "Allows your game to run on all devices using four colors only",
+  "FIELD_COLOR_MODE_MIXED_NOTE": "Allows your game to run on monochrome and color devices",
+  "FIELD_COLOR_MODE_COLOR_NOTE": "Allows your game to run on color devices only",
+  "FIELD_COLOR_MODE_COLOR_LIMITATIONS_NOTE": "Increases the amount of tiles available in each scene for displaying backgrounds and sprites",
+  "FIELD_SUPPORTED_PLATFORMS": "Supported Platforms",
+  "FIELD_MONOCHROME_ONLY": "Monochrome only",
+  "FIELD_SGB_UNAVAILABLE": "Super GB Mode is not supported for 'Color Only' games",
 
   "// 7": "Asset Viewer ---------------------------------------------",
   "ASSET_SEARCH": "Search...",
@@ -1317,6 +1325,7 @@
   "SETTINGS_ENGINE": "Engine",
   "SETTINGS_PLAYER_DEFAULT_SPRITES": "Default Player Sprites",
   "SETTINGS_MUSIC": "Music",
+  "SETTINGS_COLOR": "Color Options",
 
   "// 17 ": "Palettes ---------------------------------------------------",
 
diff --git a/src/lib/compiler/buildMakeScript.ts b/src/lib/compiler/buildMakeScript.ts
index e2b313a4b..a2bed2c7f 100644
--- a/src/lib/compiler/buildMakeScript.ts
+++ b/src/lib/compiler/buildMakeScript.ts
@@ -7,7 +7,7 @@ import l10n from "shared/lib/lang/l10n";
 const globAsync = promisify(glob);
 
 type BuildOptions = {
-  customColorsEnabled: boolean;
+  colorEnabled: boolean;
   sgb: boolean;
   musicDriver: string;
   profile: boolean;
@@ -19,7 +19,7 @@ type BuildOptions = {
 const buildMakeScript = async (
   buildRoot: string,
   {
-    customColorsEnabled,
+    colorEnabled,
     sgb,
     musicDriver,
     profile,
@@ -37,7 +37,7 @@ const buildMakeScript = async (
       : `../_gbstools/gbdk/bin/lcc`;
   let CFLAGS = `-Iinclude -Wa-Iinclude -Wa-I../_gbstools/gbdk/lib/small/asxxxx -Wl-a -c`;
 
-  if (customColorsEnabled) {
+  if (colorEnabled) {
     CFLAGS += " -DCGB";
   }
 
@@ -106,7 +106,7 @@ const buildMakeScript = async (
 export const getBuildCommands = async (
   buildRoot: string,
   {
-    customColorsEnabled,
+    colorEnabled,
     sgb,
     musicDriver,
     profile,
@@ -146,7 +146,7 @@ export const getBuildCommands = async (
         `-c`,
       ];
 
-      if (customColorsEnabled) {
+      if (colorEnabled) {
         buildArgs.push("-DCGB");
       }
 
diff --git a/src/lib/compiler/buildProject.ts b/src/lib/compiler/buildProject.ts
index 7436758e3..706901b38 100755
--- a/src/lib/compiler/buildProject.ts
+++ b/src/lib/compiler/buildProject.ts
@@ -80,9 +80,10 @@ const buildProject = async (
     const sanitize = (s: string) => String(s || "").replace(/["<>]/g, "");
     const projectName = sanitize(data.name);
     const author = sanitize(data.author);
-    const colorsHead = data.settings.customColorsEnabled
-      ? `<style type="text/css"> body { background-color:#${data.settings.customColorsBlack}; }</style>`
-      : "";
+    const colorsHead =
+      data.settings.colorMode !== "mono"
+        ? `<style type="text/css"> body { background-color:#${data.settings.customColorsBlack}; }</style>`
+        : "";
     const customHead = data.settings.customHead || "";
     const customControls = JSON.stringify({
       up: data.settings.customControlsUp,
diff --git a/src/lib/compiler/compileData.ts b/src/lib/compiler/compileData.ts
index b7afea98b..a55fe6b0d 100755
--- a/src/lib/compiler/compileData.ts
+++ b/src/lib/compiler/compileData.ts
@@ -13,6 +13,7 @@ import {
   EVENT_END,
   EVENT_PLAYER_SET_SPRITE,
   EVENT_ACTOR_SET_SPRITE,
+  FLAG_VRAM_BANK_1,
 } from "consts";
 import compileSprites from "./compileSprites";
 import compileAvatars from "./compileAvatars";
@@ -120,6 +121,12 @@ import { EntityType } from "shared/lib/scripts/context";
 type TilemapData = {
   symbol: string;
   data: number[] | Uint8Array;
+  is360: boolean;
+};
+
+type TilesetData = {
+  symbol: string;
+  data: number[] | Uint8Array;
 };
 
 export type SceneMapData = {
@@ -220,6 +227,7 @@ export const precompileBackgrounds = async (
   backgrounds: BackgroundData[],
   scenes: Scene[],
   customEventsLookup: Dictionary<CustomEvent>,
+  cgbOnly: boolean,
   projectRoot: string,
   tmpPath: string,
   {
@@ -272,6 +280,7 @@ export const precompileBackgrounds = async (
   const backgroundData = await compileImages(
     usedBackgrounds,
     generate360Ids,
+    cgbOnly,
     projectRoot,
     tmpPath,
     {
@@ -279,19 +288,20 @@ export const precompileBackgrounds = async (
     }
   );
 
-  const usedTilesets: TilemapData[] = [];
+  const usedTilesets: TilesetData[] = [];
 
   const usedTilesetLookup: Record<string, number> = {};
   Object.keys(backgroundData.tilesets).forEach((tileKey) => {
     usedTilesetLookup[tileKey] = usedTilesets.length;
     usedTilesets.push({
       symbol: "ts_" + usedTilesets.length,
-      data: backgroundData.tilesets[tileKey],
+      data: backgroundData.tilesets[Number(tileKey)],
     });
   });
 
   const usedBackgroundsWithData: PrecompiledBackground[] = usedBackgrounds.map(
     (background) => {
+      const is360 = generate360Ids.includes(background.id);
       // Determine tilemap
       const tilemapData = backgroundData.tilemaps[background.id];
       const tilemapKey = JSON.stringify(tilemapData);
@@ -301,6 +311,7 @@ export const precompileBackgrounds = async (
         tilemap = {
           symbol: `${background.symbol}_tilemap`,
           data: tilemapData,
+          is360,
         };
         usedTilemaps.push(tilemap);
         usedTilemapsCache[tilemapKey] = tilemap;
@@ -314,14 +325,22 @@ export const precompileBackgrounds = async (
         background.tileColors || [],
         tilemapData.length,
         0
-      );
+      ).map((attr, index) => {
+        // CGB Only games spread background tiles evenly between
+        // each VRAM bank so need to set FLAG_VRAM_BANK_1 on odd tiles
+        if (cgbOnly && tilemapData[index] % 2 === 1 && !is360) {
+          return attr | FLAG_VRAM_BANK_1;
+        }
+        return attr;
+      });
       const tilemapAttrKey = JSON.stringify(tilemapAttrData);
-      let tilemapAttr;
+      let tilemapAttr: TilemapData | undefined;
       if (usedTilemapAttrsCache[tilemapAttrKey] === undefined) {
         // New tilemap attr
         tilemapAttr = {
           symbol: `${background.symbol}_tilemap_attr`,
           data: tilemapAttrData,
+          is360: generate360Ids.includes(background.id),
         };
         usedTilemapAttrs.push(tilemapAttr);
         usedTilemapAttrsCache[tilemapAttrKey] = tilemapAttr;
@@ -330,14 +349,17 @@ export const precompileBackgrounds = async (
         tilemapAttr = usedTilemapAttrsCache[tilemapAttrKey];
       }
 
-      const tilesetIndex =
-        usedTilesetLookup[backgroundData.tilemapsTileset[background.id]];
-      const tileset = usedTilesets[tilesetIndex];
-      tileset.symbol = `${background.symbol}_tileset`;
+      const tilesetIndexes = backgroundData.tilemapsTileset[background.id];
+      for (let i = 0; i < tilesetIndexes.length; i++) {
+        const tilesetIndex = tilesetIndexes[i];
+        const tileset = usedTilesets[tilesetIndex];
+        tileset.symbol = `${background.symbol}_${i}_tileset`;
+      }
 
       return {
         ...background,
-        tileset,
+        tileset: usedTilesets[tilesetIndexes[0]],
+        cgbTileset: usedTilesets[tilesetIndexes[1]],
         tilemap,
         tilemapAttr,
         data: tilemapData,
@@ -365,7 +387,7 @@ export const precompilePalettes = async (
   const sceneActorPaletteIndexes: Record<string, number> = {};
   const actorPaletteIndexes = {};
 
-  const isColor = settings.customColorsEnabled || settings.sgbEnabled;
+  const isColor = settings.colorMode !== "mono" || settings.sgbEnabled;
 
   const palettesLookup = indexById(palettes);
   const defaultBackgroundPaletteIds =
@@ -562,8 +584,9 @@ export const precompileSprites = async (
   scenes: Scene[],
   customEventsLookup: Dictionary<CustomEvent>,
   defaultPlayerSprites: Record<string, string>,
+  cgbOnly: boolean,
   projectRoot: string,
-  usedTilesets: TilemapData[]
+  usedTilesets: TilesetData[]
 ) => {
   const usedSprites: SpriteSheetData[] = [];
   const usedSpriteLookup: Record<string, SpriteSheetData> = {};
@@ -626,28 +649,78 @@ export const precompileSprites = async (
   const usedSpritesWithData: PrecompiledSprite[] = spritesData.map((sprite) => {
     // Determine tileset
     const spriteTileset = sprite.data;
-    const tilesetKey = JSON.stringify(spriteTileset);
-    let tilesetIndex = 0;
-    if (usedTilesetCache[tilesetKey] === undefined) {
-      // New tileset
-      tilesetIndex = usedTilesets.length;
-      usedTilesets.push({
-        symbol: `ts_${tilesetIndex}`,
-        data: spriteTileset,
-      });
-      usedTilesetCache[tilesetKey] = tilesetIndex;
+    if (cgbOnly) {
+      const bank1Size = Math.ceil(sprite.data.length / 64) * 32;
+      const bank1Tileset = spriteTileset.slice(0, bank1Size);
+      const bank2Tileset = spriteTileset.slice(bank1Size, spriteTileset.length);
+
+      // VRAM Bank1 Tileset
+      const tileset1Key = JSON.stringify(bank1Tileset);
+      let tileset1Index = 0;
+      if (usedTilesetCache[tileset1Key] === undefined) {
+        // New tileset
+        tileset1Index = usedTilesets.length;
+        usedTilesets.push({
+          symbol: `ts_${tileset1Index}`,
+          data: bank1Tileset,
+        });
+        usedTilesetCache[tileset1Key] = tileset1Index;
+      } else {
+        // Already used tileset
+        tileset1Index = usedTilesetCache[tileset1Key];
+      }
+
+      // VRAM Bank2 Tileset
+      const tileset2Key = JSON.stringify(bank2Tileset);
+      let tileset2Index = 0;
+      if (usedTilesetCache[tileset2Key] === undefined) {
+        // New tileset
+        tileset2Index = usedTilesets.length;
+        usedTilesets.push({
+          symbol: `ts_${tileset2Index}`,
+          data: bank2Tileset,
+        });
+        usedTilesetCache[tileset2Key] = tileset2Index;
+      } else {
+        // Already used tileset
+        tileset2Index = usedTilesetCache[tileset2Key];
+      }
+
+      const tileset1 = usedTilesets[tileset1Index];
+      tileset1.symbol = `${sprite.symbol}_bank1_tileset`;
+
+      const tileset2 = usedTilesets[tileset2Index];
+      tileset2.symbol = `${sprite.symbol}_bank2_tileset`;
+
+      return {
+        ...sprite,
+        tileset: tileset1,
+        cgbTileset: tileset2,
+      };
     } else {
-      // Already used tileset
-      tilesetIndex = usedTilesetCache[tilesetKey];
-    }
+      const tilesetKey = JSON.stringify(spriteTileset);
+      let tilesetIndex = 0;
+      if (usedTilesetCache[tilesetKey] === undefined) {
+        // New tileset
+        tilesetIndex = usedTilesets.length;
+        usedTilesets.push({
+          symbol: `ts_${tilesetIndex}`,
+          data: spriteTileset,
+        });
+        usedTilesetCache[tilesetKey] = tilesetIndex;
+      } else {
+        // Already used tileset
+        tilesetIndex = usedTilesetCache[tilesetKey];
+      }
 
-    const tileset = usedTilesets[tilesetIndex];
-    tileset.symbol = `${sprite.symbol}_tileset`;
+      const tileset = usedTilesets[tilesetIndex];
+      tileset.symbol = `${sprite.symbol}_tileset`;
 
-    return {
-      ...sprite,
-      tileset,
-    };
+      return {
+        ...sprite,
+        tileset,
+      };
+    }
   });
 
   return {
@@ -1136,6 +1209,7 @@ const precompile = async (
   const customEventsLookup = keyBy(projectData.customEvents, "id");
   const variablesLookup = keyBy(projectData.variables, "id");
   const soundsLookup = keyBy(projectData.sounds, "id");
+  const cgbOnly = projectData.settings.colorMode === "color";
 
   const usedAssets = determineUsedAssets({
     scenes: projectData.scenes,
@@ -1160,6 +1234,7 @@ const precompile = async (
     projectData.backgrounds,
     projectData.scenes,
     customEventsLookup,
+    cgbOnly,
     projectRoot,
     tmpPath,
     { warnings }
@@ -1180,6 +1255,7 @@ const precompile = async (
     projectData.scenes,
     customEventsLookup,
     projectData.settings.defaultPlayerSprites,
+    cgbOnly,
     projectRoot,
     usedTilesets
   );
@@ -1319,9 +1395,9 @@ const compile = async (
     warnings,
   });
 
-  const customColorsEnabled = projectData.settings.customColorsEnabled;
-  const isSGB = projectData.settings.sgbEnabled;
-
+  const colorEnabled = projectData.settings.colorMode !== "mono";
+  const isCGBOnly = projectData.settings.colorMode === "color";
+  const isSGB = projectData.settings.sgbEnabled && !isCGBOnly;
   const precompiledEngineFields = keyBy(engineFields, "key");
   const customEventsLookup = keyBy(projectData.customEvents, "id");
 
@@ -1761,17 +1837,17 @@ VM_ACTOR_SET_SPRITESHEET_BY_REF .ARG2, .ARG1`,
   // Add background map data
   precompiled.usedBackgrounds.forEach((background) => {
     output[`${background.symbol}.c`] = compileBackground(background, {
-      color: customColorsEnabled,
+      color: colorEnabled,
     });
     output[`${background.symbol}.h`] = compileBackgroundHeader(background);
   });
 
   precompiled.usedTilemaps.forEach((tilemap) => {
-    output[`${tilemap.symbol}.c`] = compileTilemap(tilemap);
+    output[`${tilemap.symbol}.c`] = compileTilemap(tilemap, isCGBOnly);
     output[`${tilemap.symbol}.h`] = compileTilemapHeader(tilemap);
   });
 
-  if (customColorsEnabled) {
+  if (colorEnabled) {
     precompiled.usedTilemapAttrs.forEach((tilemapAttr) => {
       output[`${tilemapAttr.symbol}.c`] = compileTilemapAttr(tilemapAttr);
       output[`${tilemapAttr.symbol}.h`] = compileTilemapAttrHeader(tilemapAttr);
@@ -1780,10 +1856,15 @@ VM_ACTOR_SET_SPRITESHEET_BY_REF .ARG2, .ARG1`,
 
   // Add sprite data
   precompiled.usedSprites.forEach((sprite, spriteIndex) => {
-    output[`${sprite.symbol}.c`] = compileSpriteSheet(sprite, spriteIndex, {
-      statesOrder: precompiled.statesOrder,
-      stateReferences: precompiled.stateReferences,
-    });
+    output[`${sprite.symbol}.c`] = compileSpriteSheet(
+      sprite,
+      spriteIndex,
+      isCGBOnly,
+      {
+        statesOrder: precompiled.statesOrder,
+        stateReferences: precompiled.stateReferences,
+      }
+    );
     output[`${sprite.symbol}.h`] = compileSpriteSheetHeader(sprite);
   });
 
diff --git a/src/lib/compiler/compileData2.ts b/src/lib/compiler/compileData2.ts
index 991d60dc6..c29aa92c7 100644
--- a/src/lib/compiler/compileData2.ts
+++ b/src/lib/compiler/compileData2.ts
@@ -1,7 +1,7 @@
 /* eslint-disable camelcase */
 import { Dictionary } from "@reduxjs/toolkit";
 import flatten from "lodash/flatten";
-import { SCREEN_WIDTH } from "consts";
+import { FLAG_VRAM_BANK_1, SCREEN_WIDTH } from "consts";
 import type {
   Actor,
   Scene,
@@ -12,6 +12,7 @@ import { CompiledFontData } from "lib/fonts/fontData";
 import { decHex32Val, hexDec, wrap8Bit } from "shared/lib/helpers/8bit";
 import { PrecompiledSpriteSheetData } from "./compileSprites";
 import { dirEnum } from "./helpers";
+import clamp from "shared/lib/helpers/clamp";
 
 export interface PrecompiledBackground {
   id: string;
@@ -21,6 +22,7 @@ export interface PrecompiledBackground {
   height: number;
   data: number[] | Uint8Array;
   tileset: PrecompiledTileData;
+  cgbTileset?: PrecompiledTileData;
   tilemap: PrecompiledTileData;
   tilemapAttr: PrecompiledTileData;
 }
@@ -56,6 +58,12 @@ export interface PrecompiledTileData {
   data: number[] | Uint8Array;
 }
 
+export interface PrecompiledTilemapData {
+  symbol: string;
+  data: number[] | Uint8Array;
+  is360: boolean;
+}
+
 interface Entity {
   name: string;
 }
@@ -94,6 +102,7 @@ export interface PrecompiledPalette {
 export type PrecompiledSprite = {
   symbol: string;
   tileset: PrecompiledTileData;
+  cgbTileset?: PrecompiledTileData;
 } & PrecompiledSpriteSheetData;
 
 export type PrecompiledFontData = {
@@ -780,6 +789,7 @@ export const compileTilesetHeader = (tileset: PrecompiledTileData) =>
 export const compileSpriteSheet = (
   spriteSheet: PrecompiledSprite,
   spriteSheetIndex: number,
+  useSecondBank: boolean,
   {
     statesOrder,
     stateReferences,
@@ -790,11 +800,18 @@ export const compileSpriteSheet = (
     null,
     stateNames.map((state) => statesOrder.indexOf(state))
   );
+  const bank1TileSize = Math.ceil(spriteSheet.data.length / 64) * 2;
+
   return `#pragma bank 255
 // SpriteSheet: ${spriteSheet.name}
 
 #include "gbs_types.h"
 #include "data/${spriteSheet.tileset.symbol}.h"
+${
+  spriteSheet.cgbTileset
+    ? `#include "data/${spriteSheet.cgbTileset?.symbol}.h"`
+    : ""
+}
 
 ${bankRef(spriteSheet.symbol)}
 
@@ -813,7 +830,15 @@ ${spriteSheet.metasprites
       spriteSheet.symbol
     }_metasprite_${metaspriteIndex}[]  = {
     ${metasprite
-      .map((tile) => `{ ${tile.y}, ${tile.x}, ${tile.tile}, ${tile.props} }`)
+      .map((tile) => {
+        let tileIndex = tile.tile;
+        let tileAttr = tile.props;
+        if (useSecondBank && tileIndex >= bank1TileSize) {
+          tileIndex -= bank1TileSize;
+          tileAttr |= FLAG_VRAM_BANK_1;
+        }
+        return `{ ${tile.y}, ${tile.x}, ${tileIndex}, ${tileAttr} }`;
+      })
       .join(", ")}${metasprite.length > 0 ? ",\n    " : ""}{metasprite_end}
 };`;
   })
@@ -851,7 +876,9 @@ ${toStructData(
     animations_lookup: `${spriteSheet.symbol}_animations_lookup`,
     bounds: compileBounds(spriteSheet),
     tileset: toFarPtr(spriteSheet.tileset.symbol),
-    cgb_tileset: "{ NULL, NULL }",
+    cgb_tileset: spriteSheet.cgbTileset
+      ? toFarPtr(spriteSheet.cgbTileset.symbol)
+      : "{ NULL, NULL }",
   },
 
   INDENT_SPACES
@@ -883,7 +910,10 @@ export const compileBackground = (
       width: background.width,
       height: background.height,
       tileset: toFarPtr(background.tileset.symbol),
-      cgb_tileset: "{ NULL, NULL }",
+      cgb_tileset:
+        color && background.cgbTileset
+          ? toFarPtr(background.cgbTileset.symbol)
+          : "{ NULL, NULL }",
       tilemap: toFarPtr(background.tilemap.symbol),
       cgb_tilemap_attr: color
         ? toFarPtr(background.tilemapAttr.symbol)
@@ -891,6 +921,7 @@ export const compileBackground = (
     },
     ([] as string[]).concat(
       background.tileset.symbol,
+      background.cgbTileset?.symbol ?? [],
       background.tilemap.symbol,
       color ? background.tilemapAttr.symbol : []
     )
@@ -903,14 +934,65 @@ export const compileBackgroundHeader = (background: PrecompiledBackground) =>
     `// Background: ${background.name}`
   );
 
-export const compileTilemap = (tilemap: PrecompiledTileData) =>
-  toArrayDataFile(
+const TILE_FIRST_CHUNK_SIZE = 128;
+const TILE_BANK_SIZE = 192;
+const TILE_SECOND_CHUNK_MAX_SIZE = 64;
+
+export const compileTilemap = (
+  tilemap: PrecompiledTilemapData,
+  useSecondBank: boolean
+) => {
+  const maxValue = Math.max(...tilemap.data) + 1;
+  const bank1Size = useSecondBank ? Math.ceil(maxValue / 2) : maxValue;
+  const bank2Size = useSecondBank ? Math.floor(maxValue / 2) : 0;
+
+  const bank1SecondChunkSize = clamp(
+    bank1Size - TILE_FIRST_CHUNK_SIZE,
+    0,
+    TILE_SECOND_CHUNK_MAX_SIZE
+  );
+  const bank2SecondChunkSize = clamp(
+    bank2Size - TILE_FIRST_CHUNK_SIZE,
+    0,
+    TILE_SECOND_CHUNK_MAX_SIZE
+  );
+
+  return toArrayDataFile(
     DATA_TYPE,
     tilemap.symbol,
     `// Tilemap ${tilemap.symbol}`,
-    Array.from(tilemap.data).map(wrap8Bit).map(toHex),
+    (tilemap.is360
+      ? // 360 scenes use tile indexes as is
+        Array.from(tilemap.data)
+      : // For other scene types reorganise tile indexes
+        // to maximise tiles available for sprite data
+        Array.from(tilemap.data).map((v) => {
+          const index = useSecondBank ? Math.floor(v / 2) : v;
+
+          // Tiles within first chunk will have the correct index
+          if (index < TILE_FIRST_CHUNK_SIZE) {
+            return index;
+          }
+
+          // If in second chunk need to figure out which VRAM
+          // bank is being used and how big the chunk is to
+          // calculate tile data offset
+          const secondChunkSize =
+            useSecondBank && v % 2 === 1
+              ? bank2SecondChunkSize
+              : bank1SecondChunkSize;
+
+          return (
+            (index % TILE_BANK_SIZE) +
+            (TILE_SECOND_CHUNK_MAX_SIZE - secondChunkSize)
+          );
+        })
+    )
+      .map(wrap8Bit)
+      .map(toHex),
     16
   );
+};
 
 export const compileTilemapHeader = (tilemap: PrecompiledTileData) =>
   toArrayDataHeader(DATA_TYPE, tilemap.symbol, `// Tilemap ${tilemap.symbol}`);
diff --git a/src/lib/compiler/compileImages.ts b/src/lib/compiler/compileImages.ts
index 2d760feca..66ea06ab4 100644
--- a/src/lib/compiler/compileImages.ts
+++ b/src/lib/compiler/compileImages.ts
@@ -16,9 +16,9 @@ type CompileImageOptions = {
 };
 
 interface CompiledImagesResult {
-  tilesets: Record<string, Uint8Array>;
+  tilesets: Uint8Array[];
   tilemaps: Record<string, number[] | Uint8Array>;
-  tilemapsTileset: Record<string, number>;
+  tilemapsTileset: Record<string, number[]>;
 }
 
 const imageBuildCache: Record<
@@ -31,11 +31,12 @@ const imageBuildCache: Record<
 > = {};
 
 let lastOutput: CompiledImagesResult | null = null;
-let lastOutputIds = "";
+let lastOutputCacheKey = "";
 
 const compileImages = async (
   imgs: BackgroundData[],
   generate360Ids: string[],
+  cgbOnly: boolean,
   projectPath: string,
   tmpPath: string,
   { warnings }: CompileImageOptions
@@ -44,7 +45,7 @@ const compileImages = async (
   const tilesetIndexes: number[] = [];
   const imgTiles: Uint8Array[][] = [];
   const output: CompiledImagesResult = {
-    tilesets: {},
+    tilesets: [],
     tilemaps: {},
     tilemapsTileset: {},
   };
@@ -55,12 +56,14 @@ const compileImages = async (
     const img = imgs[i];
 
     const filename = assetFilename(projectPath, "backgrounds", img);
-    let tilesetLookup;
+    let tilesetLookup: TileLookup | undefined;
 
     const imageModifiedTime = await getFileModifiedTime(filename);
 
     const is360 = generate360Ids.includes(img.id);
-    const cacheKey = `${img.id}${is360 ? "_360" : ""}`;
+    const cacheKey = `${projectPath}_${img.id}_${img.filename}${
+      is360 ? "_360" : ""
+    }${cgbOnly ? "_cgb" : ""}`;
 
     if (
       imageBuildCache[cacheKey] &&
@@ -86,6 +89,7 @@ const compileImages = async (
     const backgroundInfo = await getBackgroundInfo(
       img,
       is360,
+      cgbOnly,
       projectPath,
       tilesetLength
     );
@@ -107,8 +111,16 @@ const compileImages = async (
   // If previous build generated the same images all unmodified
   // no need to recalculate image tiles and tile lookups,
   // just reuse last compile
-  const ids = imgs.map((img) => img.id).join();
-  if (uncachedCount === 0 && ids === lastOutputIds && lastOutput) {
+  const outputCacheKey = JSON.stringify({
+    ids: imgs.map((img) => img.id).join(),
+    generate360Ids,
+    cgbOnly,
+  });
+  if (
+    uncachedCount === 0 &&
+    outputCacheKey === lastOutputCacheKey &&
+    lastOutput
+  ) {
     return lastOutput;
   }
 
@@ -133,44 +145,62 @@ const compileImages = async (
     }
   }
 
-  // Remove unneeded tilesets
-  for (let i = 0; i < imgs.length - 1; i++) {
-    for (let j = imgs.length - 1; j >= i + 1; j--) {
-      if (tilesetLookups[i] === tilesetLookups[j]) {
-        tilesetIndexes[i] = j;
-        tilesetLookups[i] = null;
-        break;
-      }
-    }
-  }
-
-  // Output lookups to files
-  for (let i = 0; i < imgs.length; i++) {
-    if (generate360Ids.includes(imgs[i].id)) {
-      // Generate 360 tiles
-      output.tilesets[i] = tileArrayToTileData(imgTiles[i]);
-    } else if (tilesetLookups[i]) {
-      output.tilesets[i] = tileLookupToTileData(tilesetLookups[i] ?? {});
-    }
-  }
-
   for (let i = 0; i < imgs.length; i++) {
     if (generate360Ids.includes(imgs[i].id)) {
+      // Generate 360 tileset
+      const tileSetIndex = output.tilesets.length;
+      output.tilesets.push(tileArrayToTileData(imgTiles[i]));
       // Generate 360 tilemap
       output.tilemaps[imgs[i].id] = Array.from(Array(360)).map((_, i) => i);
-      output.tilemapsTileset[imgs[i].id] = i;
+      output.tilemapsTileset[imgs[i].id] = [tileSetIndex];
+    } else if (cgbOnly) {
+      // Color Only mode uses two VRAM banks for tiles
+      // Tiles are split evenly between both banks
+
+      const tiles = tileLookupToTileData(tilesetLookups[i] ?? {});
+      const tileSetIndex = output.tilesets.length;
+      const bank1Tiles: number[] = [];
+      const bank2Tiles: number[] = [];
+
+      // Split every other tile between vram banks
+      for (let i = 0; i < tiles.length; i++) {
+        if (Math.floor(i / 16) % 2 === 0) {
+          bank1Tiles.push(tiles[i]);
+        } else {
+          bank2Tiles.push(tiles[i]);
+        }
+      }
+
+      output.tilesets.push(new Uint8Array(bank1Tiles));
+      if (bank2Tiles.length > 0) {
+        // Two banks
+        output.tilesets.push(new Uint8Array(bank2Tiles));
+      }
+      const tilemap = tilesAndLookupToTilemap(
+        imgTiles[i],
+        tilesetLookups[tilesetIndexes[i]] ?? {}
+      );
+      output.tilemaps[imgs[i].id] = tilemap;
+      output.tilemapsTileset[imgs[i].id] =
+        bank2Tiles.length > 0
+          ? [tileSetIndex, tileSetIndex + 1]
+          : [tileSetIndex];
     } else {
+      // Monochrome + Mixed color mode uses one VRAM bank for tiles
+      const tiles = tileLookupToTileData(tilesetLookups[i] ?? {});
+      const tileSetIndex = output.tilesets.length;
+      output.tilesets.push(tiles);
       const tilemap = tilesAndLookupToTilemap(
         imgTiles[i],
         tilesetLookups[tilesetIndexes[i]] ?? {}
       );
       output.tilemaps[imgs[i].id] = tilemap;
-      output.tilemapsTileset[imgs[i].id] = tilesetIndexes[i];
+      output.tilemapsTileset[imgs[i].id] = [tileSetIndex];
     }
   }
 
   lastOutput = output;
-  lastOutputIds = ids;
+  lastOutputCacheKey = outputCacheKey;
 
   return output;
 };
diff --git a/src/lib/compiler/ejectBuild.ts b/src/lib/compiler/ejectBuild.ts
index c5996a2f8..d33e96000 100755
--- a/src/lib/compiler/ejectBuild.ts
+++ b/src/lib/compiler/ejectBuild.ts
@@ -56,6 +56,7 @@ const ejectBuild = async ({
   const expectedEngineMetaPath = `${corePath}/engine.json`;
   const buildToolsPath = await ensureBuildTools(tmpPath);
   const { settings } = projectData;
+  const colorEnabled = settings.colorMode !== "mono";
 
   progress(`Unlink ${Path.basename(outputRoot)}`);
   await rmdir(outputRoot);
@@ -212,7 +213,7 @@ const ejectBuild = async ({
   await makefileInjectToolsPath(`${outputRoot}/Makefile`, buildToolsPath);
   const makeDotBuildFile = buildMakeDotBuildFile({
     cartType: settings.cartType,
-    color: settings.customColorsEnabled,
+    color: colorEnabled,
     sgb: settings.sgbEnabled,
     batteryless: settings.batterylessEnabled,
     musicDriver: settings.musicDriver,
diff --git a/src/lib/compiler/makeBuild.ts b/src/lib/compiler/makeBuild.ts
index a9a86df3a..8a2a1a301 100755
--- a/src/lib/compiler/makeBuild.ts
+++ b/src/lib/compiler/makeBuild.ts
@@ -36,7 +36,7 @@ const makeBuild = async ({
 }: MakeOptions) => {
   const env = Object.create(process.env);
   const { settings } = data;
-
+  const colorEnabled = settings.colorMode !== "mono";
   const targetPlatform = buildType === "pocket" ? "pocket" : "gb";
 
   const buildToolsPath = await ensureBuildTools(tmpPath);
@@ -53,15 +53,16 @@ const makeBuild = async ({
   env.CART_TYPE = settings.cartType || "mbc5";
   env.TMP = tmpPath;
   env.TEMP = tmpPath;
-  if (settings.customColorsEnabled) {
+  if (colorEnabled) {
     env.COLOR = true;
   }
-  if (settings.sgbEnabled) {
+  if (settings.sgbEnabled && settings.colorMode !== "color") {
     env.SGB = true;
   }
   if (settings.batterylessEnabled) {
     env.BATTERYLESS = true;
   }
+  env.COLOR_MODE = settings.colorMode;
   env.MUSIC_DRIVER = settings.musicDriver;
   if (profile) {
     env.PROFILE = true;
@@ -77,7 +78,7 @@ const makeBuild = async ({
 
   // Compile Source Files
   const makeCommands = await getBuildCommands(buildRoot, {
-    customColorsEnabled: settings.customColorsEnabled,
+    colorEnabled,
     sgb: settings.sgbEnabled,
     musicDriver: settings.musicDriver,
     batteryless: settings.batterylessEnabled,
@@ -156,7 +157,7 @@ const makeBuild = async ({
     linkFilePath,
     data.name || "GBStudio",
     settings.cartType,
-    settings.customColorsEnabled,
+    colorEnabled,
     settings.sgbEnabled,
     settings.musicDriver,
     profile,
diff --git a/src/lib/helpers/validation.ts b/src/lib/helpers/validation.ts
index 7b5ec7ab5..a8daaf3d8 100644
--- a/src/lib/helpers/validation.ts
+++ b/src/lib/helpers/validation.ts
@@ -7,28 +7,29 @@ import {
 } from "shared/lib/tiles/tileData";
 import { assetFilename } from "shared/lib/helpers/assets";
 import { readFileToTilesDataArray } from "lib/tiles/readFileToTiles";
+import { MAX_BACKGROUND_TILES, MAX_BACKGROUND_TILES_CGB } from "consts";
 
 const MAX_IMAGE_WIDTH = 2040;
 const MAX_IMAGE_HEIGHT = 2040;
 const MAX_PIXELS = 16380 * 64;
-const MAX_TILESET_TILES = 16 * 12;
 
 export interface BackgroundInfo {
   numTiles: number;
   warnings: string[];
-  lookup: Uint8Array;
+  lookup: number[];
 }
 
 export const getBackgroundInfo = async (
   background: BackgroundData,
   is360: boolean,
+  isCGBOnly: boolean,
   projectPath: string,
   precalculatedTilesetLength?: number
 ): Promise<BackgroundInfo> => {
   const warnings: string[] = [];
 
   let tilesetLength = precalculatedTilesetLength;
-  let tilesets = new Uint8Array();
+  let tilesets: number[] = [];
   if (!tilesetLength) {
     const filename = assetFilename(projectPath, "backgrounds", background);
     const tileData = await readFileToTilesDataArray(filename);
@@ -72,11 +73,20 @@ export const getBackgroundInfo = async (
   ) {
     warnings.push(l10n("WARNING_BACKGROUND_NOT_MULTIPLE_OF_8"));
   }
-  if (tilesetLength > MAX_TILESET_TILES && !is360) {
+  if (tilesetLength > MAX_BACKGROUND_TILES && !is360 && !isCGBOnly) {
     warnings.push(
       l10n("WARNING_BACKGROUND_TOO_MANY_TILES", {
         tilesetLength,
-        maxTilesetLength: MAX_TILESET_TILES,
+        maxTilesetLength: MAX_BACKGROUND_TILES,
+      })
+    );
+  }
+
+  if (tilesetLength > MAX_BACKGROUND_TILES_CGB && !is360 && isCGBOnly) {
+    warnings.push(
+      l10n("WARNING_BACKGROUND_TOO_MANY_TILES", {
+        tilesetLength,
+        maxTilesetLength: MAX_BACKGROUND_TILES_CGB,
       })
     );
   }
diff --git a/src/lib/project/migrateProject.ts b/src/lib/project/migrateProject.ts
index b39355c4c..7b658da45 100644
--- a/src/lib/project/migrateProject.ts
+++ b/src/lib/project/migrateProject.ts
@@ -47,7 +47,7 @@ import {
 
 const indexById = <T>(arr: T[]) => keyBy(arr, "id");
 
-export const LATEST_PROJECT_VERSION = "3.2.0";
+export const LATEST_PROJECT_VERSION = "3.3.0";
 export const LATEST_PROJECT_MINOR_VERSION = "2";
 
 const ensureProjectAssetSync = (
@@ -1959,6 +1959,24 @@ const migrateFrom320r1To320r2Events = (data: ProjectData): ProjectData => {
   };
 };
 
+type ProjectDataV320r2 = ProjectData & {
+  settings: {
+    customColorsEnabled: boolean;
+  };
+};
+
+export const migrateFrom320r2To330r1Settings = (
+  data: ProjectDataV320r2
+): ProjectData => {
+  return {
+    ...data,
+    settings: {
+      ...data.settings,
+      colorMode: data.settings.customColorsEnabled ? "mixed" : "mono",
+    },
+  };
+};
+
 const migrateProject = (
   project: ProjectData,
   projectRoot: string,
@@ -2114,6 +2132,17 @@ const migrateProject = (
       data = migrateFrom320r1To320r2Events(data);
       release = "2";
     }
+    if (release === "2") {
+      version = "3.3.0";
+      release = "1";
+    }
+  }
+
+  if (version === "3.3.0") {
+    if (release === "1") {
+      data = migrateFrom320r2To330r1Settings(data as ProjectDataV320r2);
+      release = "2";
+    }
   }
 
   if (process.env.NODE_ENV !== "production") {
diff --git a/src/main.ts b/src/main.ts
index 9a8a91be7..0b7ce9cf8 100755
--- a/src/main.ts
+++ b/src/main.ts
@@ -628,7 +628,7 @@ app.on("ready", async () => {
     if (host === "project") {
       // Load an asset from the current project
       const projectRoot = Path.dirname(projectPath);
-      const filename = Path.join(projectRoot, pathname);
+      const filename = Path.join(projectRoot, decodeURI(pathname));
       // Check project has permission to access this asset
       guardAssetWithinProject(filename, projectRoot);
       return callback({ path: filename });
@@ -1048,7 +1048,7 @@ ipcMain.handle(
     const buildStartTime = Date.now();
     const projectRoot = Path.dirname(projectPath);
     const outputRoot = Path.normalize(`${getTmp()}/${buildUUID}`);
-    const colorEnabled = project.settings.customColorsEnabled;
+    const colorMode = project.settings.colorMode;
     const sgbEnabled = project.settings.sgbEnabled;
     const debuggerEnabled =
       options.debugEnabled || project.settings.debuggerEnabled;
@@ -1127,7 +1127,7 @@ ipcMain.handle(
         }
         createPlay(
           `file://${outputRoot}/build/web/index.html`,
-          sgbEnabled && !colorEnabled,
+          sgbEnabled && colorMode === "mono",
           debuggerEnabled
         );
       }
@@ -1264,9 +1264,9 @@ ipcMain.handle(
 
 ipcMain.handle(
   "project:get-background-info",
-  (_event, background: Background, is360: boolean) => {
+  (_event, background: Background, is360: boolean, cgbOnly: boolean) => {
     const projectRoot = Path.dirname(projectPath);
-    return getBackgroundInfo(background, is360, projectRoot);
+    return getBackgroundInfo(background, is360, cgbOnly, projectRoot);
   }
 );
 
diff --git a/src/renderer/lib/api/setup.ts b/src/renderer/lib/api/setup.ts
index 7614e5d86..198a604b3 100644
--- a/src/renderer/lib/api/setup.ts
+++ b/src/renderer/lib/api/setup.ts
@@ -189,9 +189,15 @@ const APISetup = {
     ) => ipcRenderer.invoke("project:export", data, engineFields, exportType),
     getBackgroundInfo: (
       background: Background,
-      is360: boolean
+      is360: boolean,
+      cgbOnly: boolean
     ): Promise<BackgroundInfo> =>
-      ipcRenderer.invoke("project:get-background-info", background, is360),
+      ipcRenderer.invoke(
+        "project:get-background-info",
+        background,
+        is360,
+        cgbOnly
+      ),
     addFile: (filename: string): Promise<void> =>
       ipcRenderer.invoke("project:add-file", filename),
     loadProject: (): Promise<{
diff --git a/src/shared/lib/helpers/paint.ts b/src/shared/lib/helpers/paint.ts
index 3ee945944..0f5f6bd73 100644
--- a/src/shared/lib/helpers/paint.ts
+++ b/src/shared/lib/helpers/paint.ts
@@ -59,7 +59,7 @@ const paintLine = <T>(
 
 const paintMagic = <T>(
   bgWidth: number,
-  tileLookup: Uint8Array,
+  tileLookup: number[],
   x: number,
   y: number,
   value: T,
diff --git a/src/shared/lib/helpers/sprites.ts b/src/shared/lib/helpers/sprites.ts
index 93d29f56b..aafe970e6 100644
--- a/src/shared/lib/helpers/sprites.ts
+++ b/src/shared/lib/helpers/sprites.ts
@@ -1,6 +1,16 @@
 export const maxSpriteTilesForBackgroundTilesLength = (
-  backgroundTilesLength: number
+  backgroundTilesLength: number,
+  isCGBOnly: boolean
 ) => {
+  if (isCGBOnly) {
+    if (backgroundTilesLength <= 256) {
+      return 192;
+    }
+    if (backgroundTilesLength * 0.5 < 192) {
+      return 192 - Math.ceil((backgroundTilesLength / 2 - 128) / 2) * 2;
+    }
+    return 128;
+  }
   if (backgroundTilesLength <= 128) {
     return 96;
   }
diff --git a/src/shared/lib/tiles/tileData.ts b/src/shared/lib/tiles/tileData.ts
index 603894eb4..b8501c0e4 100644
--- a/src/shared/lib/tiles/tileData.ts
+++ b/src/shared/lib/tiles/tileData.ts
@@ -53,32 +53,19 @@ export const tileArrayToTileData = (tiles: Uint8Array[]): Uint8Array => {
   return output;
 };
 
-const TILE_FIRST_CHUNK_SIZE = 128;
-const TILE_SECOND_CHUNK_END = 192;
-
 export const tilesAndLookupToTilemap = (
   tiles: Uint8Array[],
   lookup: TileLookup
-): Uint8Array => {
-  const output = new Uint8Array(tiles.length);
+): number[] => {
+  const output = new Array(tiles.length).fill(0);
   const keys = Object.keys(lookup);
   let i = 0;
-  // If num tiles > 128 and < 192 allocate in two chunks to give more tiles to sprites
-  const secondChunkSize =
-    keys.length > TILE_FIRST_CHUNK_SIZE && keys.length <= TILE_SECOND_CHUNK_END
-      ? TILE_SECOND_CHUNK_END - (keys.length - TILE_FIRST_CHUNK_SIZE)
-      : 0;
-
   for (const tileData of tiles) {
     const key = hashTileData(tileData);
     let value = keys.indexOf(key);
     if (value === -1) {
       throw new Error("Missing Tile" + key);
     }
-    // Reallocate if using a realigned second chunk
-    if (secondChunkSize > 0 && value >= TILE_FIRST_CHUNK_SIZE) {
-      value = secondChunkSize + (value - TILE_FIRST_CHUNK_SIZE);
-    }
     output[i] = value;
     i++;
   }
diff --git a/src/store/features/assets/assetsMiddleware.ts b/src/store/features/assets/assetsMiddleware.ts
index 305da4992..ad14428c3 100644
--- a/src/store/features/assets/assetsMiddleware.ts
+++ b/src/store/features/assets/assetsMiddleware.ts
@@ -10,6 +10,7 @@ const assetsMiddleware: Middleware<Dispatch, RootState> =
       const state = store.getState();
       const backgroundsLookup = backgroundSelectors.selectEntities(state);
       const background = backgroundsLookup[action.payload.backgroundId];
+      const isCGBOnly = state.project.present.settings.colorMode === "color";
 
       if (background) {
         const cachedWarnings =
@@ -17,10 +18,11 @@ const assetsMiddleware: Middleware<Dispatch, RootState> =
         if (
           !cachedWarnings ||
           cachedWarnings.timestamp < background._v ||
-          cachedWarnings.is360 !== action.payload.is360
+          cachedWarnings.is360 !== action.payload.is360 ||
+          cachedWarnings.isCGBOnly !== isCGBOnly
         ) {
           API.project
-            .getBackgroundInfo(background, action.payload.is360)
+            .getBackgroundInfo(background, action.payload.is360, isCGBOnly)
             .then((info) => {
               store.dispatch(
                 actions.setBackgroundAssetInfo({
@@ -29,6 +31,7 @@ const assetsMiddleware: Middleware<Dispatch, RootState> =
                   warnings: info.warnings,
                   numTiles: info.numTiles,
                   lookup: info.lookup,
+                  isCGBOnly,
                 })
               );
             });
diff --git a/src/store/features/assets/assetsState.ts b/src/store/features/assets/assetsState.ts
index 504066867..1de06c42f 100644
--- a/src/store/features/assets/assetsState.ts
+++ b/src/store/features/assets/assetsState.ts
@@ -3,9 +3,10 @@ import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 type BackgroundAsset = {
   id: string;
   is360: boolean;
+  isCGBOnly: boolean;
   warnings: string[];
   numTiles: number;
-  lookup: Uint8Array;
+  lookup: number[];
   timestamp: number;
 };
 
@@ -37,15 +38,17 @@ const assetsSlice = createSlice({
       action: PayloadAction<{
         id: string;
         is360: boolean;
+        isCGBOnly: boolean;
         warnings: string[];
         numTiles: number;
-        lookup: Uint8Array;
+        lookup: number[];
       }>
     ) => {
       state.backgroundsLoading = false;
       state.backgrounds[action.payload.id] = {
         id: action.payload.id,
         is360: action.payload.is360,
+        isCGBOnly: action.payload.isCGBOnly,
         warnings: action.payload.warnings,
         numTiles: action.payload.numTiles,
         lookup: action.payload.lookup,
diff --git a/src/store/features/electron/electronMiddleware.ts b/src/store/features/electron/electronMiddleware.ts
index d75060e60..8c2d53ecd 100644
--- a/src/store/features/electron/electronMiddleware.ts
+++ b/src/store/features/electron/electronMiddleware.ts
@@ -45,14 +45,14 @@ const electronMiddleware: Middleware<Dispatch, RootState> =
     ) {
       const state = store.getState();
       const projectSettings = getSettings(state);
-      if (!projectSettings.customColorsEnabled) {
+      if (projectSettings.colorMode === "mono") {
         API.dialog.confirmEnableColorDialog().then((cancel) => {
           if (cancel) {
             return;
           }
           store.dispatch(
             settingsActions.editSettings({
-              customColorsEnabled: true,
+              colorMode: "mixed",
             })
           );
           store.dispatch(action);
diff --git a/src/store/features/entities/entitiesState.ts b/src/store/features/entities/entitiesState.ts
index b1abdb2b0..97a9aedb5 100644
--- a/src/store/features/entities/entitiesState.ts
+++ b/src/store/features/entities/entitiesState.ts
@@ -1859,7 +1859,7 @@ const paintCollision: CaseReducer<
   PayloadAction<
     {
       sceneId: string;
-      tileLookup?: Uint8Array;
+      tileLookup?: number[];
       x: number;
       y: number;
       value: number;
@@ -2120,7 +2120,7 @@ const paintColor: CaseReducer<
     {
       backgroundId: string;
       sceneId: string;
-      tileLookup?: Uint8Array;
+      tileLookup?: number[];
       x: number;
       y: number;
       paletteIndex: number;
diff --git a/src/store/features/settings/settingsState.ts b/src/store/features/settings/settingsState.ts
index 8aa47d097..366e42f0d 100644
--- a/src/store/features/settings/settingsState.ts
+++ b/src/store/features/settings/settingsState.ts
@@ -5,6 +5,7 @@ import { ActorDirection } from "shared/lib/entities/entitiesTypes";
 import projectActions from "store/features/project/projectActions";
 import type { ScriptEditorCtx } from "shared/lib/scripts/context";
 
+export type ColorModeSetting = "mono" | "mixed" | "color";
 export type ShowConnectionsSetting = "all" | "selected" | true | false;
 export type MusicDriverSetting = "huge" | "gbt";
 export type CartType = "mbc5" | "mbc3";
@@ -27,7 +28,6 @@ export type SettingsState = {
   worldScrollX: number;
   worldScrollY: number;
   zoom: number;
-  customColorsEnabled: boolean;
   sgbEnabled: boolean;
   customHead: string;
   defaultBackgroundPaletteIds: [
@@ -82,6 +82,7 @@ export type SettingsState = {
   debuggerPauseOnWatchedVariableChanged: boolean;
   debuggerBreakpoints: BreakpointData[];
   debuggerWatchedVariables: string[];
+  colorMode: ColorModeSetting;
 };
 
 export const initialState: SettingsState = defaultProjectSettings;
diff --git a/test/data/compiler/_files/assets/backgrounds/parallax.png b/test/data/compiler/_files/assets/backgrounds/parallax.png
new file mode 100644
index 000000000..e267ba9cd
Binary files /dev/null and b/test/data/compiler/_files/assets/backgrounds/parallax.png differ
diff --git a/test/data/compiler/_files/assets/backgrounds/scribble.png b/test/data/compiler/_files/assets/backgrounds/scribble.png
new file mode 100644
index 000000000..71024586f
Binary files /dev/null and b/test/data/compiler/_files/assets/backgrounds/scribble.png differ
diff --git a/test/data/compiler/compileData.test.js b/test/data/compiler/compileData.test.js
index 43ea99679..66d2afe90 100644
--- a/test/data/compiler/compileData.test.js
+++ b/test/data/compiler/compileData.test.js
@@ -420,6 +420,7 @@ test("should precompile image data", async () => {
     backgrounds,
     scenes,
     {},
+    false,
     `${__dirname}/_files`,
     `${__dirname}/_tmp`,
     { warnings: () => {} }
diff --git a/test/data/compiler/compileImages.test.ts b/test/data/compiler/compileImages.test.ts
new file mode 100644
index 000000000..0738b84a8
--- /dev/null
+++ b/test/data/compiler/compileImages.test.ts
@@ -0,0 +1,98 @@
+import compileImages from "lib/compiler/compileImages";
+import { BackgroundData } from "shared/lib/entities/entitiesTypes";
+
+const BYTES_PER_TILE = 16;
+
+test("should compile images", async () => {
+  const backgroundData = [
+    {
+      id: "img1",
+      filename: "boss.png",
+    },
+  ] as BackgroundData[];
+  const res = await compileImages(
+    backgroundData,
+    [],
+    false,
+    `${__dirname}/_files/`,
+    `${__dirname}/_tmp/`,
+    { warnings: () => {} }
+  );
+  expect(res.tilemaps["img1"].length).toEqual(360);
+  expect(res.tilemapsTileset["img1"].length).toEqual(1);
+  expect(res.tilesets[res.tilemapsTileset["img1"][0]].length).toEqual(
+    114 * BYTES_PER_TILE
+  );
+});
+
+test("should compile split large images into two tilesets for CGB mode", async () => {
+  const backgroundData = [
+    {
+      id: "img1",
+      filename: "scribble.png",
+    },
+  ] as BackgroundData[];
+  const res = await compileImages(
+    backgroundData,
+    [],
+    true,
+    `${__dirname}/_files/`,
+    `${__dirname}/_tmp/`,
+    { warnings: () => {} }
+  );
+  expect(res.tilemaps["img1"].length).toEqual(3136);
+  expect(res.tilemapsTileset["img1"].length).toEqual(2);
+  expect(res.tilesets[res.tilemapsTileset["img1"][0]].length).toEqual(
+    192 * BYTES_PER_TILE
+  );
+  expect(res.tilesets[res.tilemapsTileset["img1"][1]].length).toEqual(
+    192 * BYTES_PER_TILE
+  );
+});
+
+test("should compile large images into one overflowing bank when not in color only mode", async () => {
+  const backgroundData = [
+    {
+      id: "img1",
+      filename: "scribble.png",
+    },
+  ] as BackgroundData[];
+  const res = await compileImages(
+    backgroundData,
+    [],
+    false,
+    `${__dirname}/_files/`,
+    `${__dirname}/_tmp/`,
+    { warnings: () => {} }
+  );
+  expect(res.tilemaps["img1"].length).toEqual(3136);
+  expect(res.tilemapsTileset["img1"].length).toEqual(1);
+  expect(res.tilesets[res.tilemapsTileset["img1"][0]].length).toEqual(
+    384 * BYTES_PER_TILE
+  );
+});
+
+test("should split tiles into two banks evenly when in color only mode", async () => {
+  const backgroundData = [
+    {
+      id: "img1",
+      filename: "parallax.png",
+    },
+  ] as BackgroundData[];
+  const res = await compileImages(
+    backgroundData,
+    [],
+    true,
+    `${__dirname}/_files/`,
+    `${__dirname}/_tmp/`,
+    { warnings: () => {} }
+  );
+  expect(res.tilemaps["img1"].length).toEqual(1440);
+  expect(res.tilemapsTileset["img1"].length).toEqual(2);
+  expect(res.tilesets[res.tilemapsTileset["img1"][0]].length).toEqual(
+    96 * BYTES_PER_TILE
+  );
+  expect(res.tilesets[res.tilemapsTileset["img1"][1]].length).toEqual(
+    95 * BYTES_PER_TILE
+  );
+});
diff --git a/test/data/projects/BlankProject/BlankProject.gbsproj b/test/data/projects/BlankProject/BlankProject.gbsproj
index 48ebfc86a..01280c584 100644
--- a/test/data/projects/BlankProject/BlankProject.gbsproj
+++ b/test/data/projects/BlankProject/BlankProject.gbsproj
@@ -200,7 +200,7 @@
         "worldScrollX": 0,
         "worldScrollY": 0,
         "zoom": 100,
-        "customColorsEnabled": false,
+        "colorMode": "mono",
         "defaultBackgroundPaletteIds": [
             "default-bg-1",
             "default-bg-2",
diff --git a/test/data/projects/Test_Eject/Test_Eject.gbsproj b/test/data/projects/Test_Eject/Test_Eject.gbsproj
index a3353c3e1..db5991845 100644
--- a/test/data/projects/Test_Eject/Test_Eject.gbsproj
+++ b/test/data/projects/Test_Eject/Test_Eject.gbsproj
@@ -200,7 +200,7 @@
         "worldScrollX": 0,
         "worldScrollY": 0,
         "zoom": 100,
-        "customColorsEnabled": false,
+        "colorMode": "mono",
         "defaultBackgroundPaletteIds": [
             "default-bg-1",
             "default-bg-2",
diff --git a/test/dummydata.ts b/test/dummydata.ts
index fb77f00f0..07106390e 100644
--- a/test/dummydata.ts
+++ b/test/dummydata.ts
@@ -238,7 +238,6 @@ export const dummyProjectData: ProjectData = {
     worldScrollX: 0,
     worldScrollY: 0,
     zoom: 100,
-    customColorsEnabled: false,
     sgbEnabled: false,
     defaultBackgroundPaletteIds: ["", "", "", "", "", "", "", ""],
     defaultSpritePaletteIds: ["", "", "", "", "", "", "", ""],
@@ -276,6 +275,7 @@ export const dummyProjectData: ProjectData = {
     debuggerPauseOnWatchedVariableChanged: false,
     debuggerBreakpoints: [],
     debuggerWatchedVariables: [],
+    colorMode: "mono",
   },
 };
 
diff --git a/test/migrate/migrate300releases.test.js b/test/migrate/migrate300releases.test.js
index 71f199e9d..774db1638 100644
--- a/test/migrate/migrate300releases.test.js
+++ b/test/migrate/migrate300releases.test.js
@@ -6,6 +6,7 @@ import {
   migrateFrom310r1To310r2Event,
   migrateFrom310r3To311r1Event,
   migrateFrom320r1To320r2Event,
+  migrateFrom320r2To330r1Settings,
 } from "../../src/lib/project/migrateProject";
 import initElectronL10N from "../../src/lib/lang/initElectronL10N";
 import { getTestScriptHandlers } from "../getTestScriptHandlers";
@@ -603,3 +604,40 @@ test("should add magnitude to camera shake events", () => {
     id: "event-2",
   });
 });
+
+test("should migrate customColorsEnabled=false to colorMode=mono", () => {
+  const oldProject = {
+    settings: {
+      customColorsEnabled: false,
+    },
+  };
+  expect(migrateFrom320r2To330r1Settings(oldProject)).toMatchObject({
+    settings: {
+      colorMode: "mono",
+    },
+  });
+});
+
+test("should migrate customColorsEnabled=true to colorMode=mixed", () => {
+  const oldProject = {
+    settings: {
+      customColorsEnabled: true,
+    },
+  };
+  expect(migrateFrom320r2To330r1Settings(oldProject)).toMatchObject({
+    settings: {
+      colorMode: "mixed",
+    },
+  });
+});
+
+test("should migrate missing customColorsEnabled to colorMode=mono", () => {
+  const oldProject = {
+    settings: {},
+  };
+  expect(migrateFrom320r2To330r1Settings(oldProject)).toMatchObject({
+    settings: {
+      colorMode: "mono",
+    },
+  });
+});
diff --git a/test/migrate/migrateProject.test.js b/test/migrate/migrateProject.test.js
index 9f5d77955..a52be4c51 100644
--- a/test/migrate/migrateProject.test.js
+++ b/test/migrate/migrateProject.test.js
@@ -3,7 +3,7 @@ import migrateProject, {
   LATEST_PROJECT_MINOR_VERSION,
 } from "../../src/lib/project/migrateProject";
 
-test("should migrate conditional events from 1.0.0 to 2.0.0", () => {
+test("should migrate conditional events from 1.0.0 to latest release", () => {
   const oldProject = {
     _version: "1",
     settings: {},
@@ -44,6 +44,7 @@ test("should migrate conditional events from 1.0.0 to 2.0.0", () => {
     _version: LATEST_PROJECT_VERSION,
     _release: LATEST_PROJECT_MINOR_VERSION,
     settings: {
+      colorMode: "mono",
       startMoveSpeed: 1,
       startAnimSpeed: 15,
       defaultBackgroundPaletteIds: [
@@ -118,7 +119,7 @@ test("should migrate conditional events from 1.0.0 to 2.0.0", () => {
   });
 });
 
-test("should migrate conditional events from 1.2.0 to 2.0.0", () => {
+test("should migrate conditional events from 1.2.0 to latest release", () => {
   const oldProject = {
     _version: "1.2.0",
     settings: {},
@@ -161,6 +162,7 @@ test("should migrate conditional events from 1.2.0 to 2.0.0", () => {
     _version: LATEST_PROJECT_VERSION,
     _release: LATEST_PROJECT_MINOR_VERSION,
     settings: {
+      colorMode: "mono",
       startMoveSpeed: 1,
       startAnimSpeed: 15,
       defaultBackgroundPaletteIds: [
diff --git a/test/projects/Test_ActorDistanceFromActor/Test_ActorDistanceFromActor.gbsproj b/test/projects/Test_ActorDistanceFromActor/Test_ActorDistanceFromActor.gbsproj
index 4baa2b99a..45856cd2f 100644
--- a/test/projects/Test_ActorDistanceFromActor/Test_ActorDistanceFromActor.gbsproj
+++ b/test/projects/Test_ActorDistanceFromActor/Test_ActorDistanceFromActor.gbsproj
@@ -1149,7 +1149,7 @@
         "worldScrollX": 757.5999755859375,
         "worldScrollY": 852,
         "zoom": 412.5,
-        "customColorsEnabled": false,
+        "colorMode": "mono",
         "sgbEnabled": false,
         "customHead": "",
         "defaultBackgroundPaletteIds": [
diff --git a/test/store/features/assets/assetsMiddleware.test.ts b/test/store/features/assets/assetsMiddleware.test.ts
index 7ce3b0005..ac9b6086b 100644
--- a/test/store/features/assets/assetsMiddleware.test.ts
+++ b/test/store/features/assets/assetsMiddleware.test.ts
@@ -18,7 +18,7 @@ test("Should trigger call to check background assets", async () => {
   mockedGetBackgroundInfo.mockResolvedValue({
     numTiles: 10,
     warnings: ["Warning 1"],
-    lookup: new Uint8Array(),
+    lookup: [],
   });
 
   const store = {
@@ -42,6 +42,9 @@ test("Should trigger call to check background assets", async () => {
               ids: ["bg1"],
             },
           },
+          settings: {
+            colorMode: "mono",
+          },
         },
       },
     }),
@@ -64,8 +67,9 @@ test("Should trigger call to check background assets", async () => {
       id: "bg1",
       numTiles: 10,
       is360: false,
+      isCGBOnly: false,
       warnings: ["Warning 1"],
-      lookup: new Uint8Array(),
+      lookup: [],
     })
   );
 });
@@ -75,7 +79,7 @@ test("Should not trigger call to check background assets if already cached asset
   mockedGetBackgroundInfo.mockResolvedValue({
     numTiles: 10,
     warnings: ["Warning 1"],
-    lookup: new Uint8Array(),
+    lookup: [],
   });
 
   const store = {
@@ -89,6 +93,7 @@ test("Should not trigger call to check background assets if already cached asset
             id: "bg1",
             assets: ["Warning 2"],
             is360: false,
+            isCGBOnly: false,
             timestamp: 100,
           },
         },
@@ -107,6 +112,9 @@ test("Should not trigger call to check background assets if already cached asset
               ids: ["bg1"],
             },
           },
+          settings: {
+            colorMode: "mono",
+          },
         },
       },
     }),
@@ -132,7 +140,7 @@ test("Should trigger call to check background assets if cache has expired", asyn
   mockedGetBackgroundInfo.mockResolvedValue({
     numTiles: 10,
     warnings: ["Warning 1"],
-    lookup: new Uint8Array(),
+    lookup: [],
   });
 
   const store = {
@@ -163,6 +171,9 @@ test("Should trigger call to check background assets if cache has expired", asyn
               ids: ["bg1"],
             },
           },
+          settings: {
+            colorMode: "mono",
+          },
         },
       },
     }),
@@ -185,8 +196,9 @@ test("Should trigger call to check background assets if cache has expired", asyn
       id: "bg1",
       numTiles: 10,
       is360: false,
+      isCGBOnly: false,
       warnings: ["Warning 1"],
-      lookup: new Uint8Array(),
+      lookup: [],
     })
   );
 });
diff --git a/test/store/features/assets/assetsState.test.ts b/test/store/features/assets/assetsState.test.ts
index eacd921f3..62d29af8b 100644
--- a/test/store/features/assets/assetsState.test.ts
+++ b/test/store/features/assets/assetsState.test.ts
@@ -28,7 +28,8 @@ test("Should be able to set background warnings", () => {
     warnings: ["warning 1", "warning 2"],
     numTiles: 10,
     is360: false,
-    lookup: new Uint8Array(),
+    isCGBOnly: false,
+    lookup: [],
   });
   const newState = reducer(state, action);
   expect(newState.backgroundsLoading).toBe(false);
@@ -52,8 +53,9 @@ test("Should replace existing warnings", () => {
         warnings: ["warning 1", "warning 2"],
         numTiles: 10,
         is360: false,
+        isCGBOnly: false,
         timestamp: 0,
-        lookup: new Uint8Array(),
+        lookup: [],
       },
     },
   };
@@ -62,7 +64,8 @@ test("Should replace existing warnings", () => {
     warnings: ["warning 3"],
     numTiles: 15,
     is360: false,
-    lookup: new Uint8Array(),
+    isCGBOnly: false,
+    lookup: [],
   });
   const newState = reducer(state, action);
   expect(newState.backgroundsLoading).toBe(false);
diff --git a/test/store/features/entities/entitiesState.test.ts b/test/store/features/entities/entitiesState.test.ts
index 1e016f609..6bfc55ea1 100644
--- a/test/store/features/entities/entitiesState.test.ts
+++ b/test/store/features/entities/entitiesState.test.ts
@@ -595,7 +595,7 @@ test("Should be able to flood fill collisions", () => {
     brush: "fill",
     isTileProp: false,
     drawLine: false,
-    tileLookup: new Uint8Array(),
+    tileLookup: [],
   });
 
   const newState = reducer(state, action);
@@ -644,7 +644,7 @@ test("Should be able to paint collisions", () => {
     brush: "8px",
     isTileProp: false,
     drawLine: false,
-    tileLookup: new Uint8Array(),
+    tileLookup: [],
   });
 
   const newState = reducer(state, action);
@@ -700,7 +700,7 @@ test("Should be able to paint collision line", () => {
     brush: "8px",
     isTileProp: false,
     drawLine: true,
-    tileLookup: new Uint8Array(),
+    tileLookup: [],
   });
 
   const newState = reducer(state, action);