Theme colors for code blocks don't seem to be rendering correctly

[SWHL]

Thanks for your support to Prism Theme. I love the theme very much.

When I change the prismTheme = twilight according to the docs, the color of code blocks are all the same color and the effect is as follows: (source)

But in the docs, the color is different and the effect is as follows:

Appreciate any help on this.

[colinwilson]

Have you updated the Lotus Docs theme?

If not try running hugo mod get -u at the root of your project.

[SWHL]

I'm sure I am using the latest version of Lotus Docs theme. Otherwise, the background of code blocks using the twilight code theme will not turn black.

I found two 404 pages in my docs page:

I guess the prism theme in the lotus docs theme is not supported the python and bash languages.

[colinwilson]

Sorry. hugo mod get -u!!!

[colinwilson]

Yes. It looks like some of the prism assets are not loading for you.

I can use your example code block without issue:

[SWHL]

What can I do to fix prism's rendering issues?
Appreciate any help on this.

[colinwilson]

It's a path issue. The PrismJS autoloader plugin is looking for prism-python.min.js and prism-bash.min.js grammars in the wrong place/path:

❯ curl -Is https://rapidai.github.io/docs/js/components/prism-python.min.js | grep HTTP
HTTP/2 404

The correct path in your case includes /RapidOCRDocs/:

❯ curl -Is https://rapidai.github.io/RapidOCRDocs/docs/js/components/prism-python.min.js | grep HTTP
HTTP/2 200

This is caused by the autoloader language path being hardcoded in the lotusdocs/assets/docs/js/prism.js file.

The Prism website notes:

Note: Autoloader is pretty good at guessing this path. You most likely won't have to change this path.

I'll remove this in a patch shortly. It should solve your issue once you rebuild your site on GitHub Pages.

[colinwilson]

Fixed by a6d0d9b

Update and see if this resolves your issue?

Thanks for pointing this issue out. 👍

[colinwilson]

Sorry. The fix doesn't work. I'll update again once I've rectified the issue. Sorry for the noise.

[colinwilson]

Fixed by bc1752e

Run hugo mod get -u locally and push to your repo. Should resolve the issue (#78)

[SWHL]

I have tried this update, and it indeed fixed the problem.
Thanks.
The Lotus Docs theme will be as the main docs theme of my many open-source projects.