Ant Design StyleAnt Design Style
快速上手
最佳实践
API
更新日志
⌘ K

Table of Contents

简介
用法
API
Typescript
ThemeContextState
BrowserPrefers
ThemeAppearance
ThemeMode
创建样式
createStyles
🚧 createStylish
createGlobalStyle
容器组件
ThemeProvider
StyleProvider
Hooks
useTheme
useThemeMode
useResponsive
高级设置
🚧 setupStyled
createInstance
上一篇
useTheme
下一篇
useResponsive

相关资源

Ant Design
Ant Design Pro
Ant Design Pro Components
Umi-React 应用开发框架
Dumi-组件/文档研发工具
qiankun-微前端框架

社区

Medium
Twitter
yuqueAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconfSEE Conf-SEE Conf-蚂蚁体验科技大会

帮助

GitHub
更新日志
讨论

more products更多产品

yuque语雀-知识创作与分享工具
AntVAntV-数据可视化解决方案
EggEgg-企业级 Node.js 框架
kitchenKitchen-Sketch 工具集
xtech蚂蚁体验科技
Copyright © 2022-2024
Made with ❤️ by 蚂蚁集团 - AFX & 数字科技
‌
‌
‌
‌

简介

可以获取到 ThemeProvider 下的主题外观模式。

用法

API

Typescript

ts

ThemeContextState

参数类型默认值说明
browserPrefersBrowserPreferslight浏览器外观
themeModeThemeModelight主题模式
appearanceThemeAppearancelight显示外观
isDarkModebooleanfalse是否为暗色模式

BrowserPrefers

浏览器外观,仅为 dark 或者 light。

ThemeAppearance

外观模式,为 dark 或者 light 或自定义的字符串。

ThemeMode

主题模式,可以是 dark、light 或者 auto。

index.tsx
tsx
主题模式:auto
外观模式:light
浏览器外观:light