Creating your first theme
With Custom Themes, you can make Replit truly yours by customizing much of the UI from the background and foreground colors site-wide to your code's syntax highlighting. Let's dive into creating your first theme and get Replit looking just the way you want it to!
Managing installed themes
All of your installed themes can be managed from your account under the Themes section.
Syntax Highlighting
Syntax highlighting enables you to color specific tokens in your code. Imagine what a life it would be if all of your code was only one color! Thanks to Custom Themes, you can now customize syntax highlighting to your liking!
Theme Design
You can make your theme look even better by considering details like contrast, color palette, and visibility. Let's go over how to do this for your favorite themes.
Themes Explore Page
The Themes Explore Page is a great place to browse and preview Custom Themes created by the community. Publishing your theme allows others to try it out and enjoy Replit through a brand new palette of colors.
Port from VSCode
Porting your favorite theme over from VS Code is easier than you'd ever think! All it takes is a couple of clicks to select your colors as part of the themes creation process. In the video below, you can see how just how easy it is to port existing themes from other editors into Replit: