New logo as ingame knight pieces [HowTo]

Want the awesome new logo knight design on your board?
Since some users asked me after I posted my board, here is how you get them!
(let me know if something is not clear or if you have suggestions)

Example:


1) Install the "Stylish" browser plugin for chrome or firefox. With Stylish you can edit or add custom css styles for certain sites. (alternatively use "Stylus" as @bufferunderrun suggested, css code at the end of this posting)

Chrome
-> chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe

Firefox
-> addons.mozilla.org/de/firefox/addon/stylish/

2) Install the css style I have created with the new logo as knights.

-> userstyles.org/styles/181827/lichess-aprilknights

3) Enable the style. You have to be on the lichess website, open the stylish menu in your browser and enable the style.



Enjoy!

Only tested in Chrome.
Check out other lichess styles -> userstyles.org/styles/browse?search_terms=lichess

__________________________________________________________________

For use with the Stylus Extension, as @bufferunderrun suggested, here is the css code:

piece.knight.black { background-image: url("http://gawh.de/files/aprilknight_black.png")!important;}
piece.knight.white { background-image: url("http://gawh.de/files/aprilknight_white.png")!important;}

Well done @Widuk
This is what we call a fantastic tricks

I would recommend Stylus instead, Stylish had some privacy concerns:

Chrome: chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
Firefox: addons.mozilla.org/en-US/firefox/addon/styl-us/

@bufferunderrun Thanks! Added to my posting.

@Widuk Great work! Thanks for explaining 😍 looks perfekt 🤣

wow! amazing! thanks @bufferunderrun and @Widuk