style: refactor css vars

[paanSinghCoder]

Note: BREAKING CHANGE - This PR contains some breaking change wrt to CSS variables.

Description

• Rename -text- to -foreground- in variables as these variables could be used with non text css properties. BREAKING CHANGE
  • Update above throughout the Apsara project.
• Remove duplicates from some variable names like -white-white- renamed to -white-. BREAKING CHANGE
• Add opacity to white and black overlay colors hex.
• Move primitive colors from /styles to /styles/primitives folder.
• Add new --rs-overlay-1: #0000004D and --rs-overlay-1: #ffffff4D; variables with 30% opacity.

Type of Change

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update
• Refactor (no functional changes, no bug fixes just code improvements)
• Chore (changes to the build process or auxiliary tools and libraries such as documentation generation)
• Style (changes that do not affect the meaning of the code (white-space, formatting, etc))
• Test (adding missing tests or correcting existing tests)
• Improvement (Improvements to existing code)
• Other (please specify)

How Has This Been Tested?

Manual

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation (.mdx files)
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
apsara	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 11, 2025 8:52am