[Tutorial] How to Change the Simulator Color

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

Step 2
open the explorer
Screenshot 2024-03-08 7.24.23 AM

Step 3
click on pxt.json
Screenshot 2024-03-08 7.25.02 AM

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

Step 5
change your name and description if you want to
Screenshot 2024-03-08 7.25.44 AM

Step 6
add a comma after the preferred editor line
Screenshot 2024-03-08 7.26.06 AM

Step 7
add a “theme” line as shown below
Screenshot 2024-03-08 7.26.24 AM

Step 8
go back to javascript/blocks

TADA!!
Screenshot 2024-03-08 7.27.04 AM

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

24 Likes

Hah! That’s awesome! Does it work in the shared link?

1 Like

Ohh nice! (brown is probably my favourite)

2 Likes

oh yeah I forgot “zune” is also a theme

4 Likes

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:

    "theme": {
        "skin": "zune",
        "background-color": "#123456",
        "button-stroke": "#654321",
        "text-color": "#321456",
        "button-fill": "#deadea",
        "dpad-fill": "#abcdef"
    }

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

19 Likes

yes

2 Likes

and i should also merge this one i forgot about, since you made a joke about it in twitch chat
image

12 Likes

image


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

13 Likes

Oh that one might have been neglected? Will double check

5 Likes

Awesome, extra customization for games!!

3 Likes

Could someone help explain how to change the color for a “multiplayer” game?

4 Likes

It would be great if you could color each button individually. And also color the screen edge individually

3 Likes

Being able to edit the background colour would be cool as well

1 Like

Wow, that’s specific! Why?

1 Like

Because I wanna have this for my Mario game!

12 Likes

Epic.

3 Likes

can you change the places of the buttons or delete some of them? (like the junior and zune theme)

Whoooa this is really cool! I’ll have to experiment with this later.

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?

1 Like

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

1 Like