如何根据选择的明暗主题更改hugo代码的突出显示样式？

Question

我正在通过markdown和静态网站生成器创建个人网站，并且已经决定将Hugo与MemE theme结合使用。

MemE主题同时支持暗模式和亮模式，可由用户切换。如何根据网站处于暗模式还是亮模式来更改突出显示代码的样式？ Hugo允许我在页面的标记中标记代码，它将自动突出显示代码。例如，在我选择的主题和样式下，此标记：

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

将呈现为：

不幸的是，在切换为暗模式时，代码仍然使用浅色突出显示：

当有人在暗模式和亮模式之间切换时，如何在monokai和monokailight之间切换样式？