Custom theme not working

[Nick-kel]

What version of rsuite are you using?

5.0.0-beta.1

What version of React are you using?

17.0.2

What browser are you using?

Chrome

Describe the Bug

The custom theme in the config-overrides.js (e.g. the primary-color) is not working. It is still the default primary color.

Expected Behavior

The modified vars in the config-overrides.js should be used.

To Reproduce

config-overrides.js File: https://github.com/LupoBot/LupoWeb/blob/custom-theme/config-overrides.js
Commit: https://github.com/LupoBot/LupoWeb/commit/cd39f170e0fefc455cdbe832d2abec0d7eed6de7

[SevenOutman]

Customizing Less variable only works when you are compiling the Less styles, but you are using compiled CSS.

https://github.com/LupoBot/LupoWeb/blob/cd39f170e0fefc455cdbe832d2abec0d7eed6de7/src/index.js#L4

Change this line to

import "rsuite/styles/index.less";

But before your do so

You need to upgrade to a newer beta version of RSuite because 5.0.0-beta.1 has other problems with Less styles itself.

[Nick-kel]

Thank you!