Font color comments doesn't follow web theme

[abwildan]

I have waline installed for my blog, but the color font of the comments do not follow the blog theme. So, it is always in the default color, but when I switch to dark theme, the font color doesn't change at all.

[lizheming]

https://waline.js.org/en/guide/features/style.html#box-shadow

Waline does not automatically detect the dark mode state of the website. You need to configure the dark option with the CSS selector used by your theme.

Your blog uses the Blowfish theme, which adds the dark class to the <html> element. Please update your Waline initialization as follows:

init({
  el: '#waline',
  serverURL: 'https://comment-waline-zeta.vercel.app',
  dark: 'html.dark',
  // other options...
});

After this change, Waline’s colors, including the comment text color, should switch when the website enters dark mode.

If you want the text color to exactly match your theme instead of using Waline’s default dark color, you can additionally override the CSS variable:

html.dark {
  --waline-color: var(--color-neutral);
}

You may replace var(--color-neutral) with the color used by your theme.

[abwildan]

With this config, I managed to change waline colors:
init({ el: '#waline', serverURL: 'https://comment-waline-zeta.vercel.app', dark: 'html.dark', // other options... });

however, when I tried to change the color according to my liking through this code, it didn't seem to change anything:
html.dark { --waline-color: var(--color-neutral); }

even if I changed it another color of choices, such as:
`html.dark {
--waline-color: var(--color-white);
}

html.dark {
--waline-color: var(--color-red);
}`

etc...

[Mister-Hope]

Waline style might be injected after yours.

Write somthing like:

html.dark #waline {
  /* colors here */
}

#waline should match your waline container.

[abwildan]

thanks! after a bit more research, I think I get it know.