It’s because of CodeSandBox uses Monaco (a VS Code editor engine) by default.
Follow along to make the magic ✨ happen~
Here are the steps to make it happen.
Let’s do this 💪.
From VS Code,
After executing the command, you will see a new tab,
Untitled-1 popping up with Color Theme in JSON format.
Now select all (Ctrl+A) and copy the content.
Click on “Preferences” gear ⚙️ button to open PREFERENCES modal box.
And now paste the VS Code Color Theme copied from the previous step in the Custom VSCode Theme text area.
You can now see that the theme has been updated globally.
Ok, now Enjoy the new Look & Feel 😎.
Here is the video of steps above.
Note that the change is global.
That means, all previous SandBoxes (that’s what CodeSandBox calls each project) will be affected as well.
But I am sure that the default behavior is probably what you want, anyways 😛.