reactjs - 如何从 React Material UI 中的基色创建颜色变体？

Question

我的主题中有一个给定的颜色常数，比如说“#FFBA60”。

我想使用 React Material UI 函数从基本颜色派生出其他一些颜色。（假设一个亮 30%，一个暗 10%）。

有这个功能吗？（类似于 Sass 中的东西brighten('#FFBA60,30%)）

标签： reactjsmaterial-ui

Answer 1

material-ui/styles 中有一个变暗功能。

import { darken } from '@material-ui/core/styles';
const darkenedColor50Percent = darken('#4f4', 0.5);