IT技术 - React-Toolbox：如何应用主题 - 吾爱随笔录

我正在使用 react 工具箱，并且在我的 webpack 配置中我有（我只发布了配置的重要部分）：

loaders: [
..... 
ExtractTextPlugin.extract('style',
                'css?sourceMap&modules&importLoaders=1&localIdentName=' +
                '[name]__[local]___[hash:base64:5]!postcss!sass') }
        ]
postcss: [autoprefixer],
    sassLoader: {
      data: '@import "' + path.resolve(__dirname, 'app/theme/_config.scss') + '";'
    }

在app/theme/_config.scss我已经定义：

@import "~react-toolbox/lib/colors";
@import "~react-toolbox/lib/globals";
@import "~react-toolbox/lib/mixins";

$color-primary: $palette-orange-500;
$color-primary-dark: $palette-orange-700;

现在有什么奇怪的，我的颜色应用正确。

现在，我想创建一个自定义Card组件，我已经像这样定义了它（仅用于测试主题）：

import theme from './style.scss';
const CardStatus = ({ children, ...other}) => (
    <Card {...other} theme={theme}>
        <CardTitle
            title="A title"
            subtitle="a subtitle"
            theme={theme}
        />
    </Card>
);

CardStatus.propTypes = {
    children: PropTypes.node
};

导出默认 CardStatus；

在 style.scss 我有：

.title {
  color: yellow;
}

我的应用程序编译没有错误，但黄色不适用于我的 CardTitle：

我确实尝试过：

theme={theme}
theme={theme.title}

但没什么......颜色不起作用。

我做错了什么？