# \[Tutorial\] How to Change the Simulator Color **URL:** \ **Category:** Help\ **Tags:** tutorial, art\ **Created:** [March 8, 2024, 7:41pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571 "2024-03-08T19:41:00Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)\ **Post date:** [March 8, 2024, 7:41pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/1 "2024-03-08T19:41:00Z")
Did you ever want to change the color of the Simulator for your game? Tired of that annoying turquoise? Step 1 convert your code to javascript if you have not already. only do this if your game in finished or else it might not convert back to blocks if you have a big game ![Screenshot 2024-03-08 7.24.07 AM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/7/7c5b74d1ce89e00a889be230db8719baf463b84d.png) Step 2 open the explorer ![Screenshot 2024-03-08 7.24.23 AM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/3/37cb1fbf9d38d966f7886327b81b468d05b886d2.png) Step 3 click on pxt.json ![Screenshot 2024-03-08 7.25.02 AM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/3/3c9e3a5b9a9d808563bb3fc01ae8d09eca29bfad.png) Step 4 click “edit settings as text” **WARNING! EDITING PXT.JSON IS DANGEROUS. MAKE SURE TO BACK UP YOUR PROJECT FIRST** ![Screenshot 2024-03-08 7.25.12 AM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/d/d16f361b4a8d9f8092a985808c2cff9c58f0ba78.png) Step 5 change your name and description if you want to ![Screenshot 2024-03-08 7.25.44 AM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/e/e8f8f29095a8fc33398817d6c07b8fd9ec6d6559.png) Step 6 add a comma after the preferred editor line ![Screenshot 2024-03-08 7.26.06 AM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/c/c5d845011e2c3d5d749f4ba0e00ecb2468991a42.png) Step 7 add a “theme” line as shown below ![Screenshot 2024-03-08 7.26.24 AM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/2/26773e3b0c8175742d8bbd741335ebaeb3cd9096.png) Step 8 go back to javascript/blocks ![Screenshot 2024-03-08 7.26.49 AM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/c/c699a38f4bf55d6a2855e6d7e51801a4d48d802f.png) TADA!! ![Screenshot 2024-03-08 7.27.04 AM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/3/328a3ded531a7eed59c9d44430896b1ef38882a8.png) here is a list of themes that work: - purple - brown - green - red - blue - bubblegum @jwunderl can you post the full list or did I get them all? also sorry if this post is bad quality it was kinda rushed ---
**Author:** ![randomuser](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/randomuser/32/32505_2.png) [@randomuser](https://forum.makecode.com/u/randomuser)\ **Post date:** [March 8, 2024, 9:05pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/2 "2024-03-08T21:05:01Z")
Hah! That’s awesome! Does it work in the shared link? ---
**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\ **Post date:** [March 8, 2024, 9:05pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/3 "2024-03-08T21:05:03Z")
Ohh nice! (brown is probably my favourite) ---
**Author:** ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)\ **Post date:** [March 8, 2024, 9:05pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/4 "2024-03-08T21:05:28Z")
oh yeah I forgot “zune” is also a theme ---
**Author:** ![jwunderl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jwunderl/32/5308_2.png) [@jwunderl](https://forum.makecode.com/u/jwunderl)\ **Post date:** [March 8, 2024, 9:29pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/5 "2024-03-08T21:29:18Z")
currently should be - zune - p1, red - p2, blue - p3, orange - p4, green - green - brown - bubblegum - purple - microcode - junior few of them hide some buttons or move stuff around but, uh, be free: ```auto "theme": { "skin": "zune", "background-color": "#123456", "button-stroke": "#654321", "text-color": "#321456", "button-fill": "#deadea", "dpad-fill": "#abcdef" } ``` > **[blep](https://arcade.makecode.com/S10622-75844-52479-60487)** > > Made with ❤️ in Microsoft MakeCode Arcade. maybe next time we have a team hackathon i’ll see if I can’t add a button like the color palette one with a quick editor to make themes, been working on some other stuff lately so haven’t had time – I made most of these as part of a very quick 2 day total feature for that zune skin, so not much has been invested in this feature beyond that ---
**Author:** ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)\ **Post date:** [March 8, 2024, 9:29pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/6 "2024-03-08T21:29:29Z")
> [@randomuser](#): > > Hah! That’s awesome! Does it work in the shared link? yes > **[bubblegum](https://arcade.makecode.com/S18624-25566-35978-14207)** > > bubblegum theme example ---
**Author:** ![jwunderl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jwunderl/32/5308_2.png) [@jwunderl](https://forum.makecode.com/u/jwunderl)\ **Post date:** [March 8, 2024, 9:39pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/7 "2024-03-08T21:39:54Z")
and i should also merge this one i forgot about, since you made a joke about it in twitch chat ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/b/b41669ac9cb060b4cbea54ed0513e8d6db1f8958.png) ---
**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\ **Post date:** [March 8, 2024, 11:02pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/8 "2024-03-08T23:02:09Z")
![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/4/4c5519f29aa45249ef6e3d361163eb516c877eb8.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/f/f5cd73541bf2084a64dde8c08ed5ed8853fbc109.png) Pastel theme @jwunderl is there a way to change the dpad button outline colour? (currently stuck at grey) I don’t really mind it it’s just odd that everything but that can be customised but that ---
**Author:** ![jwunderl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jwunderl/32/5308_2.png) [@jwunderl](https://forum.makecode.com/u/jwunderl)\ **Post date:** [March 8, 2024, 11:22pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/9 "2024-03-08T23:22:52Z")
Oh that one might have been neglected? Will double check ---
**Author:** ![randomuser](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/randomuser/32/32505_2.png) [@randomuser](https://forum.makecode.com/u/randomuser)\ **Post date:** [March 9, 2024, 12:18am UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/10 "2024-03-09T00:18:20Z")
Awesome, extra customization for games!! ---
**Author:** ![Mr.Someone](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/mr.someone/32/23300_2.png) [@Mr.Someone](https://forum.makecode.com/u/Mr.Someone)\ **Post date:** [March 9, 2024, 1:30am UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/11 "2024-03-09T01:30:53Z")
Could someone help explain how to change the color for a “multiplayer” game? ---
**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\ **Post date:** [March 11, 2024, 3:43pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/12 "2024-03-11T15:43:37Z")
It would be great if you could color each button individually. And also color the screen edge individually ---
**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\ **Post date:** [March 11, 2024, 10:36pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/13 "2024-03-11T22:36:57Z")
Being able to edit the background colour would be cool as well ---
**Author:** ![randomuser](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/randomuser/32/32505_2.png) [@randomuser](https://forum.makecode.com/u/randomuser)\ **Post date:** [March 11, 2024, 10:37pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/14 "2024-03-11T22:37:18Z")
Wow, that’s specific! Why? ---
**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\ **Post date:** [March 13, 2024, 12:12am UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/15 "2024-03-13T00:12:38Z")
Because I wanna have this for my Mario game! ![IMG_6572](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/6/61f60fcd6bc512d2548ea450882836d739d85e64.jpeg) ---
**Author:** ![robotosaurus](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/robotosaurus/32/19294_2.png) [@robotosaurus](https://forum.makecode.com/u/robotosaurus)\ **Post date:** [March 13, 2024, 6:20pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/16 "2024-03-13T18:20:15Z")
Epic. ---
**Author:** ![urassari](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/urassari/32/9535_2.png) [@urassari](https://forum.makecode.com/u/urassari)\ **Post date:** [April 6, 2024, 8:49pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/17 "2024-04-06T20:49:25Z")
can you change the places of the buttons or delete some of them? (like the junior and zune theme) ---
**Author:** ![Rune](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/rune/32/18951_2.png) [@Rune](https://forum.makecode.com/u/Rune)\ **Post date:** [July 11, 2024, 11:28pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/18 "2024-07-11T23:28:11Z")
Whoooa this is really cool! I’ll have to experiment with this later. ---
**Author:** ![CollapsedAxolotl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/collapsedaxolotl/32/19395_2.png) [@CollapsedAxolotl](https://forum.makecode.com/u/CollapsedAxolotl)\ **Post date:** [November 28, 2024, 6:44pm UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/19 "2024-11-28T18:44:25Z")
IDK whether it’s just my computer or something, but all it really does for me is delete the project and change its name to this. Is there a way to fix this? ---
**Author:** ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)\ **Post date:** [November 29, 2024, 4:13am UTC](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571/20 "2024-11-29T04:13:46Z")
I’m not quite sure what you mean, can you explain in more detail? It would also help if you provide your pxt.json before your project got deleted [Next page](https://forum.makecode.com/t/tutorial-how-to-change-the-simulator-color/27571.md?page=2)