Dark Mode Border Visibility

[sm1990]

Description

Issue
Borders in dark mode are too subtle, making it difficult to visually separate:

Cards
Form sections
Panels
Drawer boundaries

Impact
Flattened visual structure
Reduced scan efficiency
Higher cognitive effort

Recommendation

Increase border contrast slightly (while maintaining elegance — refer screenshot from connector store above)
Introduce surface elevation tokens
Use subtle 1px divider lines where necessary
Validate dark mode tokens independently from light mode

Steps to Reproduce

Apply dark mode in Oxygen UI.

Please select the area the issue is related to

@oxygen-ui/react-icons, @oxygen-ui/react

Version

latest

Environment Details (with versions)

No response

Reporter Checklist

• I have searched the existing issues and this is not a duplicate.
• I have provided all the necessary information.
• I have tested the issue on the latest version of the package.