Skip to content

Unable to change highlight syntax theme and codeblock size #67

@jabbaw0nky

Description

@jabbaw0nky

Issue 1

As the title suggests, I can't seem to change the codeblock theme. My config.yaml file is configured as follows:

assets:
disableHLJS: true

pygmentsUseClasses: false
markup:
highlight:
noClasses: false
codeFences: true
guessSyntax: true
style: "colorful"

The style variable changes nothing.

After digging, I was able to change the theme by executing this command:

hugo gen chromastyles --style monokai > assets/css/extended/monokai.css

But the theme only changes for light mode and not for dark mode. With this method, the dark mode remains on dracula.

FYI i tried to place the css from the hugo gen command insidde the assets/css/lib folder with the name chroma-dark.css as mentionned in the readme file but nothing change.

Issue 2

I'd like to know if it's possible to resize the codeblock so that I can directly view the entire code without having to scroll left and right.

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions