Как изменить стиль выделения кода hugo в зависимости от выбора светлой / темной темы?

Я занимаюсь созданием личного веб-сайта с помощью уценки и генератора статических сайтов, и решил использовать Hugo с темой MemE.

Тема MemE поддерживает как темный режим, так и светлый режим, которые может переключать пользователь. Как изменить стиль, используемый для выделения кода, в зависимости от того, находится ли веб-сайт в темном или светлом режиме? Hugo позволяет мне отмечать код в разметке страницы, и он автоматически выделяет его. Например, под выбранной мной темой и стилем эта уценка:

Here is some text
{{<highlight cpp "style=monokailight">}}
void foo() {
    puts("Here is some code");
}
{{</highlight>}}
Here is more text

Будет отображаться как:

К сожалению, при переключении темного режима в коде по-прежнему используется светлая подсветка:

Как я могу переключать стиль между монокай и монокай свет, когда кто-то переключается между темным режимом и светом?

0 ответов

Другие вопросы по тегам