Share your repls and programming experiences

← Back to all posts
Use VS Code Themes on Repl.it!
h
Scoder12 (733)

VS Code Themes on Repl.it

Hello guys, I figured out how to make repl.it use a custom color theme and wanted to share it with everyone!
I made a server in python that downloads the themes and a website that makes it super easy to install!

All you need to do is pick your favorite theme from the visual studio marketplace
and follow the instructions on the website. My favorite theme is EliverLara.Andromeda, specifically the italic variant.
What is yours? Share your favorite theme in the comments!

Set up a theme here: on the website

Finally...

If this gets a large enough response, it will be officially added to the site!
Reach out in the comments, twitter, or discord if you would like this!

Changelog

8/11 v0.2: Font styling (italic and underline) now works

Commentshotnewtop
DavidShen2 (55)

Sounds great, but on a school issued device so can't install tampermonkey.

MarcusWeinberger (574)

This is super neat! I like that theme you use, I might start using it myself

systemctl (17)

It would bee cool if you could add the theme straight to repl.it without having to install browser extensions and have a way to have the theme carry out across repl.it from device to device besides for those of us who use a school issued device because either are parents wont let us get are own or cant afford them we cant install adding as it is usually restricted by the school and against school policy to bypass those restrictions so please repl.it devs @amasad anyone who sees this i am begging you please find a way so we don't have to install addons

NeilScienceguy1 (0)

@Scoder12 when i enter my theme it keeps on loading while saying that 'Loading theme list, please wait'. Is there a way i can fix this?

Scoder12 (733)

@NeilScienceguy1 sorry it still doesn't parse the extension properly and is hardcoded to look in the themes/ folder

NeilScienceguy1 (0)

@Scoder12 can you tell me some themes that are in the themes/ folder?

NeilScienceguy1 (0)

also does the theme change the syntax theme as well?

Scoder12 (733)

@almostStatic not an issue with the script...

almostStatic (41)

@Scoder12 When I disable the script (or view other repls with the same tampermonkey script on), it does not work and shows replit's default theme.

PythonSwarit (12)

I can't find the instructions?!

adityaru (150)

How do I add to it?

potatojs (800)

i want to see that build into repl.it NOW

plz :P
johnnyfrancis (5)

Not working form me.

johnnyfrancis (5)

@Scoder12 It ends the repl when I first run it. Think it might be something with my browser?

Scoder12 (733)

@johnnyfrancis what do you mean by "end"? Can you open the console (ctrl+shift+j) and tell me if there are any errors there?

johnnyfrancis (5)

@Scoder12 Actually I think it was something with my browser because when I switched it to crome it worked. And not that I can see it it is actually pretty cool!

Highwayman (1357)

YES!!!

Is that big enough? XP

AnitaFard (0)

Hey, guys I just made a game! Pls, play it! Its called Guess the animal game!

amasad (2523)

@AnitaFard Why don't you post it? Click share then post from your repl to post here.

EpicGamer007 (530)

I wihs we didnt need to install tamper monkey :(

Scoder12 (733)

@AbhayBhat you can also paste the script into the console each time if its a problem

EpicGamer007 (530)

@Scoder12, i could but yea.. It would be pretty annoying,

hers an upvote for u

Scoder12 (733)

@AbhayBhat whats wrong with tampermonkey?

amasad (2523)

@AbhayBhat If people find it useful we might build into repl.it

EpicGamer007 (530)

@amasad, hmm that would be cool.., Everyone wants site-wide dark theme, I got darkreader(the extension) but the the editor looked really weird.

Scoder12 (733)

@AbhayBhat can you post a screenshot? I am trying to make it the best I can

EpicGamer007 (530)

@Scoder12, a screenshot of darkreader with repl?
here:

EpicGamer007 (530)

@Scoder12, oh ok, ill try that, thx

OlasChan (0)

@Scoder12 what script do I have to paste in the console? I'd really like to use this function but unfortunately I can't install tampermonkey...

Scoder12 (733)

@OlasChan instead of installing from url, open that url and copy and paste into the console

OlasChan (0)

@Scoder12 if you mean the userscript, I already did that but I think it didn't do anything. I'm really sorry if I don't understand well your explanation.

Scoder12 (733)

@OlasChan open a new tab and put that url, then copy and paste what you see on that page into the console

OlasChan (0)

@Scoder12 when I press enter after putting the url nothing happens, I also tried to do the same thing in the repl.it website and still nothing. This is kinda strange.

Scoder12 (733)

@OlasChan weird, I downloaded the theme you wanted and put it on hastebin: https://hasteb.in/raw/ivobetaf.js copy and paste that into the console and it should work

OlasChan (0)

@Scoder12 Thanks! It worked pretty well even though I didn't use Tampermonkey!