ant-design / ant-design/pro-components

๐Ÿ‘‘ [้œ€ๆฑ‚] How can we add custom theme Icon in SettingDrawer?

Open
#8,735 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

ๆ้—ฎๅ‰ๅ…ˆ็œ‹็œ‹๏ผš

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

**๐Ÿ”ฉ Module or component**
**In SettingDrawer**

**๐Ÿฅฐ Requirement Description**

I want to add a custom theme icon in the SettingDrawer to change the theme, like this.
![image](https://github.com/user-attachments/assets/23cba646-7115-47b6-8d4a-cd55fec7924b)n

In the picture above, there are three themes. I am trying to add a third custom theme in addition to the light and dark themes. How can I achieve this? I didn't find any such type of SettingDrawer props.

I'm using these versions

```json
"@ant-design/pro-layout": "7.19.11",
"antd": "^5.14.0",
```

Contributor guide

Open the contributing guide

Research direction

Start with the SettingDrawer component and its props in @ant-design/pro-layout 7.19.11; inspect the existing theme controls and related documentation. Verify whether a third theme and custom icon can be configured, then document the supported approach or limitation with an example.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.