Skip to content
← Back to Community
Custom Colour Theme For Repl.it IDE
Profile icon
h
has Hacker Plan
CodingCactus

Hello, so this morning I made a theme for the ide (the syntax highlighting) which i am quite proud of :)

Firstly you need to download the Amino plugin (google it).
And then when you are on repl.it, click on the plugin
image

Then click on the domain button
image
Then copy and paste the code from the css file attached to the post into that box and save and blam, you have nice theme.

Of course you can change the theme to what you want, but the one that I made is pretty good (if I say so myself)

Have fun!

This is only for dark theme in editor, light theme will be ready soon light theme is done, but it doesn't look too good because light theme is bad

This was kinda helped by minx's post here: https://repl.it/talk/learn/How-to-Make-a-Custom-Code-Theme-for-Replit/9500

Voters
Profile icon
AtharvaSrivast5
Profile icon
HTML-96-Expert
Profile icon
itzkiettttt
Profile icon
hi1212
Profile icon
mkhoi
Profile icon
techgeek680
Profile icon
Bookie0
Profile icon
MarblesAndMore
Profile icon
Wilke000
Profile icon
CodingGoose
Comments
hotnewtop
Profile icon
Coder100

pog

Profile icon
DynamicSquid
Profile icon
HahaYes

I personally find this to be slightly more entertaining
https://www.youtube.com/watch?v=0JgF4CMXU9M

Profile icon
CodingCactus

@HahaYes erm that has absolutely nothing to do with this

Profile icon
JustAWalrus

it has everything to do with it @CodingCactus

Profile icon
BobTheTomatoPie

This is super cool!

Profile icon
CodingCactus

@BobTheTomatoPie yay, thankie!

Profile icon
Andrewhe601

Cool

Profile icon
nb2479

Why does it now work for me?

Profile icon
WarningDNC

comment

Profile icon
Power2311

@codingcactus can you tutor me coding from scratch

Profile icon
CodingCactus

@Power2311 no, but you can see my tutorial here https://how-to-python.codingcactus.repl.co/

Profile icon
Bookie0

Very stylish!

Profile icon
CodingCactus

@Bookie0 thank you! : )

Profile icon
Bookie0
Profile icon
Highwayman

Noice :)

Profile icon
lightningrock

wow it's so bright

Profile icon
CodingCactus

@lightningrock lol, you can change it if you want : )

Profile icon
lightningrock

i know but i'm super bad at styling, the code and my taste

@CodingCactus

Profile icon
CodingCactus

@lightningrock well you can just keep changing it until it is something you like i guess

Profile icon
lightningrock

yeah thats what i usally do
@CodingCactus

Profile icon
zplusfour

I don't get it
Why the website is empty?

Profile icon
CodingCactus

@ZDev1 that has nothing to do with it, read the post

Profile icon
CodingCactus

@ZDev1 except the css file

Profile icon
zplusfour

@CodingCactus I am not interested with this

Profile icon
zplusfour

@CodingCactus
ok, I went to the website because I & My Friend think that you are a good programmer
And I'll be happy if you checked out my posts

Profile icon
CodingCactus

@ZDev1 erm the website is just to have the css file in it which is what you copy into the plugin so that your syntax highlighting is cool

Profile icon
zplusfour

@CodingCactus ok

not interested
Profile icon
CodingCactus
Profile icon
zplusfour

@CodingCactus this is my turtle shooter game code
And also, code's color is good ;)

Profile icon
CodingCactus

@ZDev1 yes, that is what this post is

Profile icon
zplusfour

@CodingCactus ik, how do you make code's color like this?

Profile icon
CodingCactus

@ZDev1 have you got the plugin mentioned in the post

Profile icon
zplusfour
Profile icon
CodeLongAndPros

Is Amino for Firefox?

Profile icon
CodingCactus

@CodeLongAndPros dunno, try googling it, I am on chrome so am not sure (there will be similar things available for firefox)

Profile icon
CodeLongAndPros
Profile icon
CodingCactus

@CodeLongAndPros any css injector will do

Profile icon
CodeLongAndPros

@CodingCactus It works! Neat!

Profile icon
CodingCactus

nice

: )

Profile icon
Wilke000

Just click here and follow the directions

Profile icon
CodingCactus

@IndyCarter no thanks

Profile icon
Wilke000

Huh @CodingCactus? It's an easier way

Profile icon
CodingCactus

@IndyCarter what is it?

Profile icon
Wilke000

A css/py with turtle/hex/rgb color guide @CodingCactus

Profile icon
CodingCactus

@IndyCarter but that is not what this is

Profile icon
Wilke000

It's an easier way of finding colors @CodingCactus

Profile icon
CodingCactus

@IndyCarter you can just use hex and rgb codes, pretty simple

Profile icon
Wilke000

Yeah @CodingCactus, but some people don't know the more complex hex and rgb codes

Profile icon
Nayoar
Profile icon
CodingCactus

@minx28 hehehe sorry