Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(CSS): use CSS custom properties instead of less variables #3428

Merged
merged 2 commits into from
Nov 3, 2023

Conversation

simonguo
Copy link
Member

@simonguo simonguo commented Oct 30, 2023

The main purpose is to make the color used by each component depend on the CSS custom properties in the color palette, rather than directly hard-coding the color value. This allows us to easily change the theme through CSS custom properties in the application without modifying the color value in the component.

  • Use CSS custom properties instead of less variables.
  • Use CSS relative colors to replace less's fade and lighten function.

@vercel
Copy link

vercel bot commented Oct 30, 2023

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

Name Status Preview Comments Updated (UTC)
rsuite-nextjs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 2, 2023 9:07am
1 Ignored Deployment
Name Status Preview Comments Updated (UTC)
rsuite-v4 ⬜️ Ignored (Inspect) Visit Preview Nov 2, 2023 9:07am

@codesandbox-ci
Copy link

codesandbox-ci bot commented Oct 30, 2023

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 f4ac559:

Sandbox Source
rsuite-tp-ci Configuration

@codecov
Copy link

codecov bot commented Oct 30, 2023

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (4a30f64) 93.41% compared to head (f4ac559) 93.41%.
Report is 3 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #3428   +/-   ##
=======================================
  Coverage   93.41%   93.41%           
=======================================
  Files         569      569           
  Lines       20329    20329           
  Branches     2779     2779           
=======================================
  Hits        18990    18990           
  Misses        688      688           
  Partials      651      651           
Flag Coverage Δ
ChromeCi 93.37% <ø> (ø)
Firefox 92.70% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

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

@superman66 superman66 modified the milestone: v6 Oct 31, 2023
@simonguo simonguo merged commit f6474e4 into main Nov 3, 2023
15 checks passed
@simonguo simonguo deleted the feat/use-CSS-custom-properties branch November 3, 2023 02:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants