Adopt new WSO2 branding to oxygen-UI base theme

[jeradrutnam]

Problem

As the first cut we have updated Oxygen UI logo with the new WSO2 logo guidelines. And now we need to adopt the stylings also to the product base theme. In order to do that we can take 2-3 screens from the sample app and design with the new WSO2 design guidelines.

Proposed Solution

• https://wso2.github.io/oxygen-ui/sample/index.html#/login
• https://wso2.github.io/oxygen-ui/sample/index.html#/organizations
• https://wso2.github.io/oxygen-ui/sample/index.html#/settings

As the we can design above 3 screens with both dark and light variants. Also we need to create an high-contrast theme for accessibility purpose adhering to the accessibility compliance standard.

Alternatives

No response

Please select the package issue is related to

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

Version

All

Reporter Checklist

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