有没有办法获得带有设计令牌的默认和黑色主题的文本 colored颜色 ?

我希望能够在两者之间切换,而不会改变主题,这取决于条件.

例如:

if (x) return currentThemeColorPrimaryText. else return oppositeThemeColorPrimaryText .

因此,它应该返回"当前主题"的 colored颜色 主要文本应该是默认的与默认的主题和黑色的与黑色的主题.而"相反主题"的主色文本应该是默认主题的深色文本和深色主题的默认文本.

推荐答案

您可以使用getDesignToken函数.正如doctor 所说:

与ConfigProvider相同,getDesignToken也可以接受配置对象作为主题.

因此,在这种情况下,您可以这样做:

import { ThemeConfig, theme } from "antd";
const { default算法rithm, dark算法rithm, getDesignToken } = theme;

const DarkToken = getDesignToken({
  algorithm: dark算法rithm
});
const LightToken = getDesignToken({
  algorithm: default算法rithm
});

...

<div 
  style={{color: DarkToken.colorText}}
>
  dark color
</div>

<div 
  style={{color: LightToken.colorText}}
>
  light color
</div>

你可以找到一个有效的例子here.

Css相关问答推荐

在Powershell中使用正则表达式编辑css文件

如何在移动屏幕尺寸上包装元素?

NextJs - Tailwind css类样式未应用于响应屏幕

material 设计--Bootstrap输入域问题

如何在css中创建文件div效果

将特定样式应用于递归Angular 元素

如何从 WooCommerce 中的 Betheme 图像中删除产品永久链接图标

Django:Tailwind 样式不适用于具有小部件属性的模板变量

使用文本溢出约束内部 div:没有最大宽度的省略号(或类似的)

CSS 字符串变量的正确null值是多少?

CSS 字符串变量的正确null值是多少?

CSS Grid 2 列和半高

Angular Datepicker - 更改日期范围 Select 样式

关键帧不能动画回来

带有图像的 CSS 网格在 Firefox 中表现不同

当我进入登录页面时,它处于桌面模式(响应式设计消失)

CSS类和id同名

固定元素在 Chrome 中消失

隐藏在AngularJs中的可见性?

跨域 iframe 调整大小