Learn to Code via Tutorials on Repl.it!

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

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

Comments
hotnewtop
mat1 (4380)

Hello darkness my old friend...

mat1 (4380)

@mat1 I've come to talk with you again...

mat1 (4380)

@mat1 Because a vision softly creeping...

ebest (664)

@mat1 Left it's seeds while I was sleeping...

ebest (664)

@ebest And the vision... that was planted in my brain...

ebest (664)

@ebest Within the sound...

mat1 (4380)

@mat1 Left its seeds while I was sleeping...

mat1 (4380)

@mat1 And the vision that was planted in my brain...

mat1 (4380)

@mat1 Within the sound of silence...

mat1 (4380)

@mat1 In restless dreams I walked alone...

batcode (8)

@mat1 Narrow streets of cobblestone...

vedprad1 (906)

@batcode @mat1 @ebest

'Neath the halo of a street lamp

StringentDev (205)

@vedprad1 I turned my collar to the cold and damp...

octopyBot (266)

@mat1 @ebest @batcode
you all are at it! choir of repl!!

ebest (664)

@Lethdev2019
when my eyes were stabbed...

ebest (664)

@ebest
by the flash of a neon light...

StringentDev (205)

That split the night...
@ebest

StringentDev (205)

And touched the sound of silence...
@ebest

Maitreya29 (1)

@Axolotl1 I want to take your repl access away

ThatOneGuy1234 (3)

@Axolotl1 why don't you click the link first

ThatOneGuy1234 (3)

@Axolotl1 Its funny because that was a year ago and you probably have no idea what I'm talking about

ObiVibKenobi (170)

And in the naked light I saw....
@Lethdev2019

ObiVibKenobi (170)

Ten thousand people, maybe more... @ObiVibKenobi

ObiVibKenobi (170)

People talking without speaking @ObiVibKenobi

ObiVibKenobi (170)

People hearing without listening @ObiVibKenobi

ObiVibKenobi (170)

People writing songs that voices never share @ObiVibKenobi

ObiVibKenobi (170)

Disturbed the sound of silence @ObiVibKenobi

duck132912 (210)

@Axolotl1 dat link looks fammiliar

deflowo (0)

"Fools", said I, "You do not know @ObiVibKenobi

deflowo (0)

Silence like a cancer grows @deflowo

deflowo (0)

Hear my words that I might teach you @deflowo

deflowo (0)

Take my arms that I might reach you" @deflowo

deflowo (0)

But my words, like silent raindrops fell @deflowo

deflowo (0)

In the wells of silence @deflowo

AngelStarr (3)

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!

mat1 (4380)

Please upvote and leave a comment with suggestions!

LittleNomster (113)

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

DungeonMaster00 (184)

thanks

might change it soon but heres how it looks now

elburg (37)

@DungeonMaster00 say what Firefox theme is that?

DungeonMaster00 (184)

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

DANIEL_ANDRESA3 (0)

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

HrushalNikhare (0)

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

Whitetiger0423 (0)

I hope it can be applied...

Wiley2507 (0)

hello blueness my old friend

12728712 (2)

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

CBV (0)

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?

CodingMEJ (10)

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

GoldenWither (0)

@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)

elburg (37)

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

[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

FlaminHotValdez (441)

Or use reflux. Now I have a beautiful blue theme. (Thanks @Whippingdot !)

Whippingdot (570)

u r welcome @FlaminHotValdez 😁😁😁😁😁😁😁😁(my fav emoji)

davo7 (0)

My God it worked. Thank you so much. It was so bright and bad with light mode. It's also kinda weird to see them bring dark theme only for the editor but not the whole environment. Hope they bring their built-in version soon just like yours ^_^

JackWinton (0)

all I get is the invalid header.

Baconman321 (1060)
  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 (441)

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?