[Question] 如何给一个组件设置浅色/深色模式可见性

[SherkeyXD]

比如针对以下场景：
有如下两个 CardGrid 组

<CardGrid>
  <ImageCard image="/images/zh-cn/readme/1-light.png"/>
  <ImageCard image="/images/zh-cn/readme/2-light.png"/>
  <ImageCard image="/images/zh-cn/readme/3-light.png"/>
  <ImageCard image="/images/zh-cn/readme/4-light.png"/>
</CardGrid>

<CardGrid>
  <ImageCard image="/images/zh-cn/readme/1-dark.png"/>
  <ImageCard image="/images/zh-cn/readme/2-dark.png"/>
  <ImageCard image="/images/zh-cn/readme/3-dark.png"/>
  <ImageCard image="/images/zh-cn/readme/4-dark.png"/>
</CardGrid>

怎么让其在浅色/深色模式下仅显示对应的组件

[pengzhanbo]

我不确定这个需求是否需要作为广泛支持的需求。你可以参考主题对于 img 标签的 浅色/深色 模式切换样式

定义两个特殊的 css 类名，然后进行控制。