fix(QRCode): Fix the issue where the background color and font color …

[kampiu]

…of the QR code component do not synchronize with the theme in dark mode

[中文版模板 / Chinese template]

🤔 This is a ...

• New feature
• Bug fix
• Site / documentation update
• Demo update
• Component style update
• TypeScript definition update
• Bundle size optimization
• Performance optimization
• Enhancement feature
• Internationalization
• Refactoring
• Code style optimization
• Test Case
• Branch merge
• Workflow
• Other (about what?)

🔗 Related issue link

#47126

💡 Background and solution

Refer to other components to handle changes in style based on tokens, and use tokens at the QR code component layer to calculate transparency.

📝 Changelog

Language	Changelog
🇺🇸 English	Fix mask background color and font color in dark mode
🇨🇳 Chinese	修复深色模式下的遮罩背景颜色和字体颜色

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

[github-actions]

Visual Regression Report for PR #47128 Failed ❌

Target branch: master (119f8aa)
View Full Report

---

image name	expected	actual	diff
config-provider-locale.dark.png
config-provider-locale.dark.css-var.png
qr-code-status.dark.png
qr-code-status.dark.css-var.png

Check Full Report for details

[kampiu]

Preview under default theme

Preview under dark themes

Can the document site add a theme switching function, or have I not noticed the existence of related functions?

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 81ee16c:

Sandbox	Source
antd reproduction template (forked)	Configuration

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (119f8aa) 100.00% compared to head (81ee16c) 100.00%.
Report is 1 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff            @@
##            master    #47128   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          732       732           
  Lines        12553     12553           
  Branches      3294      3294           
=========================================
  Hits         12553     12553           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

🎉 Thank you for your contribution! If you have not yet joined our DingTalk community group, please feel free to join us (when joining, please provide the link to this PR).

🎉 感谢您的贡献！如果您还没有加入钉钉社区群，请扫描下方二维码加入我们（加群时请提供此 PR 链接）。