Learn to Code via Tutorials on Repl.it!

← Back to all posts
🌚🕶 Repl.it Site-Wide Dark Theme 🕶🌚
h
mat1 (3511)

Repl.it Site-Wide Dark Theme

Do you like being blinded while browsing Repl.it?
Well me neither!


First, you might not have the editor dark theme enabled, so make sure you enable that.
1. Click the settings button at the left of the editor screen.

2. Find the theme dropdown, and select dark


Now that you have the editor dark theme enabled, we will enable the site-wide dark theme.
1. Download Tampermonkey for Chrome or Firefox
2. Choose a theme from the list of themes or create your own
3. Click the install button.
4. Upvote and post a comment on this tutorial. (100% required step)
5. Profit!

the screenshots in here may be a bit outdated since i dont update them every time i make a change

Commentshotnewtop
JackWinton (0)

all I get is the invalid header.

Baconman321 (560)
  1. Upvote and post a comment on this tutorial. (100% required step)
    XD the creator has become the beggar!
XanderK20 (7)

Wow, I didn't even know they had a dark mode. Thank you though! This will certainly make coding easier on the eyes.

FlaminHotValdez (217)

How do you change it back from dark mode, just curious

objobj (2)

There were a few bugs but they got fixed if I enabled dark reader while using the theme lmao

ThatOneGuy1234 (3)

how do I make repl.it homepage dark mode too? If that's what tampermonkey is for, then is there any other way I can make the homepage dark?

Whippingdot (176)

Thanks a lot. That was helpful. But edit this post to make it available for edge too. The chrome themes and extensions work for edge too.

DungeonMaster00 (165)

thanks

might change it soon but heres how it looks now

elburg (32)

@DungeonMaster00 say what Firefox theme is that?

DungeonMaster00 (165)

@elburg i made it with firefox color. i settled with ubuntu mate now and this matrix theme

Techpriest76 (0)

May the Omnissiah bless you.

AJDevelopment (121)

i am takngi away my tanksbh. tampermonkey was blocked for some reason.

AJDevelopment (121)

@AnthonyValdes and i'm not using a school computer

NoNameByProgram (191)

ignore this comment and HELLO DARK MODE!

octopyBot (264)

I upvoted because seeing 69 was too unsatisfying, 70 was MUCH better.

ZDev1 (827)

Thank you for this tutorial!

kkwoo (0)

Thank you mat1. You saved me time searching for the settings cog on the left menu bar. Kind Regards, Kevin

[deleted]

thank you so much for this!

LittleNomster (112)

Stars, hide your fires;
Let not light see my black and deep desires.

ArchieMaclean (882)

Nice.

In Black Contrast though, the scrollbar is invisible - not sure if this was intentional or not.

mat1 (3511)

@cats_ur_cool77 I don't know what that means but i'll assume it's a compliment so thanks.

cats_ur_cool77 (33)

@mat1 Sorry I hadn't replied for so long. It means "It is good." in German. :3

kaldisberzins (333)

Love it! I edited the script and added a bit more color (script). I am not a big fan of what you did with the editor, could you point me to the stuff that changed it? I tried to remove it but ended up breaking stuff. Otherwise, this makes repl.it look so much better!

hayaodeh (193)

awesome. Love the lyrics in the comments lol @amasad surly know that song too