我正在帮助我的朋友开发一个应用程序的前端，用Typescript，React和Mantine开发。我们有以下通知代码和图像：

• 验证码：*

notifications.show({
            id: 'login-success',
            title: 'Login successful!',
            message: 'You have successfully logged in!',
            autoClose: 5000,
            withCloseButton: true,
            style: { backgroundColor: 'green' },
        });

• 结果：*

我希望通知中的标题和文本为白色。
我尝试了以下方法，但都不管用;

• 将style属性更改为color: 'white'属性，
• 将.mantine-notification-message { color: white !important; }添加到我们正在使用的CSS中
• 使用ThemeProvider Package 整个应用程序，如下所示：

const theme = {
     colorScheme: 'dark',
     colors: {
       white: '#ffffff',
     },
   };

   return (
     <ThemeProvider theme={theme}>
       ... components ...
     </ThemeProvider>
   );

如何将标题和文本变为白色？