Dark Mode not working

[raizpvp]

What version of rsuite are you using?

5.46.1

What version of React are you using?

18.2

What version of TypeScript are you using (if any)?

No response

What browser are you using?

Chrome

Describe the Bug

I want to switch the theme from Light to Dark and modify the primary color. However, I am encountering an issue where only the primary color changes, and the overall theme switch is not working. I am using React with Vite and Less.
custom-theme.less:
@enable-dark-mode: true; @primary-color: #7d1e28;

main.less
@import 'rsuite/styles/index.less'; @import 'custom-theme.less';

Expected Behavior

No response

To Reproduce

React, Vite & Less:
follow this tutorial: https://rsuitejs.com/guide/official-themes/

[firstdorsal]

I just wrapped the App in the custom provider like this

...
render = () => {
        return (
            <CustomProvider theme="dark">
                Your App
            </CustomProvider>
        );
    };
....

[raizpvp]

I just wrapped the App in the custom provider like this

...
render = () => {
        return (
            <CustomProvider theme="dark">
                Your App
            </CustomProvider>
        );
    };
....

This works to activate the dark mode. But then I can't change the primary color.

[simonguo]

This works to activate the dark mode. But then I can't change the primary color.

The corresponding less variable in dark mode is @primary-color-dark.