Skip to content
← Back to Community
Can I enable dark mode on repl.it
Profile icon
KhanHuzaibiHuza

Can I enable dark mode on repl.it

Voters
Profile icon
AE65
Profile icon
w00252
Profile icon
kingmuba
Profile icon
SUHASTADIPARTH1
Profile icon
KhanHuzaibiHuza
Comments
hotnewtop
Profile icon
Wumi4

Yes.

First, on your repl, choose Settings at the end of the vertical bar.

Screenshot_20201031_170529

At Settings, you should see Theme. Change it to black and that's all! :)

Profile icon
emeraldx30

Hi I just created a new replit account but i can't the dark mode

Screen Shot 2021-10-27 at 7.56.52 AM

Profile icon
veneamin

@emeraldx30 i have the same problem, in any browser

Profile icon
Hakeemmidan

@emeraldx30 You might see "Themes now apply across the whole site. Switch themes using the sun/moon icon in the site sidebar." at the bottom settings sidebar thing (I just noticed it). To go to the bigger sidebar, you can click on the burger menu on the top left, and you'll see a moon image. Click on that and it should hopefully switch for the entire website.

Profile icon
FlaminHotValdez

In the IDE there click the setting sidebar at the left and change theme to dark. Sadly, there is no dark mode for main repl.it unless you wish to download an extension.

Profile icon
PattanAhmed

@KhanHuzaibiHuza Hi,
Yeah, there are two things if you mean Dark mode on Repl.it

  1. Dark mode on Repl
  2. Dark mode on the interface of Repl.it

If you mean the first case, then you can enable dark mode easily
Just follow these steps:-

  1. Go to Setting on your Repl:-
    01

  2. You can see the Theme section
    In there click that small arrow:-
    02

  3. Click Dark from there
    03

You will notice that your Repl will turn into Dark mode.
But the outer interface will not.

If you want the outer interface too, which is the second choice.
Then you need to get a new extension that is not related to Repl.it at all.
If you want to take that risk, Follow this tutorial:-
https://repl.it/talk/learn/Replit-Site-Wide-Dark-Theme/14281

Hopefully, Dark theme for the outer interface will be available soon from Repl.it officially.

That's it with me
Thanks!

Hope this helps

Profile icon
Coder100

Globally? You can't. You will have to use an extension.

Don't worry, repl.it is going to have global dark theme soon!

Profile icon
retronbv

do you mean for the site or the editor?

Profile icon
SUHASTADIPARTH1

Yes, you can enable dark mode on repl.it First go to the wheel on the bottom, then scroll down until you see theme, then click the options and you can see the dark mode option. then click on that, and you will get your wish.

Screenshot 2020-10-31 at 8.10.05 AM
Screenshot 2020-10-31 at 8.09.58 AM
Screenshot 2020-10-31 at 8.09.28 AM
Screenshot 2020-10-31 at 8.08.49 AM

Profile icon
RYANTADIPARTHI

Sure, go to settings in your repl, then click dark mode.