我想传递一个自定义颜色给colorScheme prop ，但它不起作用。堆栈溢出的答案建议我在主题对象中设置自定义颜色，然后将其传递给chakraProvider，但我不想在我的应用程序中使用chakras主题。我该怎么解决？
ru9i0ody1#
默认情况下，chakraUI colorScheme总是XXX.500，其中XXX可以是蓝色，红色或主题中定义的任何颜色。将配色方案更改为自定义颜色。在主题中设置您的品牌颜色，
const theme = extendTheme({ colors: { brand: { 100: "#f7fafc", ... 500: "#12abef" // ... 900: "#1a202c", }, }, })
然后在组件中，将配色方案设置为品牌颜色（默认为brand.500十六进制值）。
<Button colorScheme="brand">...</Button>
1条答案
按热度按时间ru9i0ody1#
默认情况下，chakraUI colorScheme总是XXX.500，其中XXX可以是蓝色，红色或主题中定义的任何颜色。将配色方案更改为自定义颜色。在主题中设置您的品牌颜色，
然后在组件中，将配色方案设置为品牌颜色（默认为brand.500十六进制值）。