userstlyes plugin does not work with puzzle and analysis

hi Dev Team,

i use userstyle extension on firefox and chrome to customize the look of the site to my taste.

somehow since today morning it does not load the images of the board and pieces when l switch to puzzle or analysis board.

while other sections of the site doesnt have any issues with the extensions, everything loading properly.

could someone help me with this issue. maybe the code have been updated or is it usertyles bug.

thx

Resources are probably being blocked for security reasons.
You can convert the images to base64 and then use data URI: https://en.wikipedia.org/wiki/Data_URI_scheme#Syntax

Hey yo,

I have the same problem and sadly no clue what @bufferunderrun is talking about.
I use Stylish with Firefox.
send help

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

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

Secondly, you kind of need to post a link to your userstyle if you want help, our psychics are busy right now ;)

@bufferunderrun
i tried Stylus and it s the same problem.

the thing is that it doesnt work only on the puzzle and analysis pages.

on other lichess links it work just fine.

my css:
https://www.dropbox.com/s/64vq8m10ms9kxu9/lichess_boards.css?dl=0

You take the URL of the image and covert it to base64, for example, using https://base64.guru/converter/encode/url
Copy encoded text.
Then you replace the URL in the style, so that you have url("data:image/png;base64,") and add that encoded text after , before "
And repeat for all other images in the style.
Replace image/png with image/jpeg for .jpg files
See https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for other types.

PS: Some of the images seem to be from chess.com so mind that you might be infringing on their copyright by converting them, unless you have permissions.

@bufferunderrun i got it down, thank you for your help.

may l ask why does it behave like that ? lm studying compsci :)

will i have to repeat this process from time to time bc it happened before.

Probably because of CORS. I'll let devs answer this.

Thanks for the help! I had the same issue and the above instructions worked wonders.