A Chrome extension that changes the stylings of code blocks on pages you visit
CodeText is an extension that changes the way code blocks look on pages that you visit, making them look more like the editor you use on your computer. It allows for more confortable and uniform reading experience.
- Get the extension on the Chrome Web Store here. (Note that I am not in control of the store page, so it may be out of date or modified.)
-
Go to the releases section and download the
.zip
file and extract it to a new folder. -
Go to
chrome://extensions/
in Chrome and turn on thedeveloper mode
switch in the top right corner. -
Click on the new
Load unpacked
button and choose the folder where you've extracted CodeText to
⚠ This may not work and is not recommended. Do this only if you can't use the first method for some reason.
-
Go to the releases section and download the
.crx
file. -
Go to
chrome://extensions/
in Chrome and turn on thedeveloper mode
switch in the top right corner. -
Drag the
.crx
file onto the Chrome window and clickAdd extension
to install it.
It's likely that you haven't configured CodeText to how you want it. Follow the instructions below:
-
Click on the CodeText icon in the top right hand corner and click
Options
-
Change whichever values you like. Make sure to put the units, for example
3px
or2vw
. For padding, you can specify multiple values for the top and bottom and for the sides. For example5px 10px
would apply5px
to the top and the bottom and10px
to sides. -
Click on the
Preview and check for errors
button to see how the code block will look. -
Click the
Save your settings
button to, wellsave your settings
Any form of contributions are welcome. If you notice a bug, feel free to open an issue, or if you have some better code, go ahead and send a pull request.
Feel free to open an issue, I'll be happy to help :)