Skip to content
← Back to Community
πŸŒšπŸ•Ά Repl.it Site-Wide Dark Theme πŸ•ΆπŸŒš
Profile icon
h
has Hacker Plan
mat1

Repl.it Site-Wide Dark Theme

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

2021 Update

This is now integrated into Replit, click the moon icon at the bottom of the sidebar.

Original post:

Repl Talk Dark Theme


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.
    This file cannot be displayed: https://storage.googleapis.com/replit/images/1557091461609_7a585f76190494f3bc741389062781a0.pn
  2. Find the theme dropdown, and select dark
    This file cannot be displayed: https://storage.googleapis.com/replit/images/1557091792258_8f89ba2a4630090419013d3220ddbd0d.pn

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

Voters
Profile icon
danielrodrig196
Profile icon
Ruby3socks
Profile icon
RagnaCreeperZa
Profile icon
JoaoPedro297
Profile icon
scrathfan321
Profile icon
DatNguyen116
Profile icon
lavenpurple
Profile icon
BahamutAli
Profile icon
kiefer0655
Profile icon
Gooplet
Comments
hotnewtop
Profile icon
Ruby3socks

Upvote and post a comment on this tutorial. (100% required step)

bruh lol

Profile icon
henryoffline

hiii

Profile icon
choiala1

good

Profile icon
padmanabansrida

image

I am not able to find dark theme in replit. Please can u help me change to dark theme

Thanks in Advance

Profile icon
Rivzer

Nice :)

Profile icon
MateoGalagorri

hm

Profile icon
leslyro

yeeaah

Profile icon
joelcantu10

cool

Profile icon
Nikunj2345

it really works

Profile icon
Nikunj2345

thanks

Profile icon
bescir

Great!

Profile icon
Fox-MantraMantr

nice

Profile icon
Carnage498

I cannot press the "install" button on tampermonkey after choosing the theme. :|
python screenshot 4

Profile icon
beamazing

awesome

Profile icon
FinalGamers

thank

Profile icon
OwenHart1

hey light mode is always better even on discord

Profile icon
edgarpachon98

gg

Profile icon
DANIEL_ANDRESA3

well this doesn't work, now everytime I open replit I get like 1 second of the dark theme and changes back to white, how can I get rid of this, I already remove the extension but doesn'n work. I'm using firefox

Profile icon
JustYury

Looks cool

Profile icon
HrushalNikhare

Bro you Helped me sooooo much out of the dark mode editor and the home screen kills me with light.

Profile icon
Wiley2507

hello blueness my old friend

Profile icon
LinaSnow

aaaaaaaa

Profile icon
NyteBlade

eeee

Profile icon
12728712

Erm... It does not work... Did I do something wrong?

Profile icon
said0595

cool

Profile icon
CBV

The website changed domain, and it seems your Themes are not catching up in the new one. Any suggestions on how to achieve it now?

Profile icon
CodingMEJ

@CBV Ya its not working for me either @mat1 anyway you could help us

Profile icon
GoldenWither

@CBV Dark mode is still possible!

If you edit the Tampermonky code, you can use Find > Replace All to change every "repl.it" to "replit.com" and it will work! (For the most part)

Profile icon
FernandoGarcia9

comment

Profile icon
elburg

and now Tampermonkey isn't needed as there is an official dark theme now!
The only thing missing is a cactus theme!

Profile icon
AngelStarr

I love dark theme but I will not install anything for it.
No tampering, no monkeys, nada.
It's a simple 2-line CSS.
Hello? Repl? make Dark?!? 2021!

Profile icon
Carnage498
Profile icon
[deleted]

I gotta say, 2 years later, when I go to this one post repl.it turns into dark mode instead of doing it in the editor, way to go repl.it