Ant Design StyleAnt Design Style
Quick Start
Best Practices
API Reference
Release Notes
⌘ K

Table of Contents

Introduction
Usage
Typescript
Return Value
Creating Styles
createStyles
🚧 createStylish
createGlobalStyle
Container Components
ThemeProvider
StyleProvider
Hooks
useTheme
useThemeMode
useResponsive
Advanced Settings
🚧 setupStyled
createInstance

useTheme

When used in conjunction with container components (ThemeProvider), it can obtain the theme information under the container. If ThemeProvider is not added, the default value is obtained.
引入方法
js
import { useTheme } from 'antd-style';
NPM
UNPKG
BundlePhobia
PackagePhobia
Anvaka Graph
编辑文档
PREV
StyleProvider
NEXT
useThemeMode

相关资源

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 & 数字科技
‌
‌
‌
‌

Introduction

When used in conjunction with container components (ThemeProvider), it can obtain the theme information under the container. If ThemeProvider is not added, the default value is obtained.

When useTheme is used under the ThemeProvider component, the theme value in the ThemeProvider can be obtained.

Usage

ts

Typescript

ts

Return Value

ParameterDescriptionTypeDefault
themeModeTheme modedark / light / autolight
appearanceDisplaydark / lightlight
isDarkModeDark modebooleanfalse