Lichess is an amazing platform that has more than just the ability to play chess, and all for free. Unfortunately I felt like it didn't show this well with it's current design, nor did it show that it was a site that resides in 2023. Now with Prettier Lichess, Lichess becomes more readable, more discoverable, and prettier (plus customizable colors)!

Here is the source code for both the chrome and firefox extension! It's simple but it's mine. Feel free to download, fork, use, and mess with it all you want. No attribution or anything required.

The extension is not published in the Apple Store, but it is possible to get it to work in Safari by creating a build with XCode. More information about that can be found here.

To install the extension, go to the official website for Firefox or Chrome. Set Lichess to dark background to have the best compatibility with prettierlichess.
With the pop-up you can then customise the colours and choose themes. Have fun!

Check out the community driven theme library here.

Execute this command for the setup to get all packages:

npm install

During the build, the output files from webpack are placed in the .dist/ folder. There are two ways to start this process. For a single build, run:

npm run build

To rebuild automatically when changes are made, run:

npm run watch

That's pretty much it 😃

For a more detailed description of how the extension works, have a look here.

If you have any questions, feature requests or want to report bugs, feel free to create an issue.

For more information, see the contribution page.

Thanks to everyone who contributed to this project! Prettierlichess exists thanks to you.