Skip to content

Conversation

@thecrypticace
Copy link
Contributor

@thecrypticace thecrypticace commented Oct 10, 2024

A few theme keys have changed in v4 relative to v3:

  • screens -> --breakpoint-*
  • colors -> --color-*
  • animation -> --animate-*
  • borderRadius -> --radius-*
  • boxShadow -> --shadow-*

When using the theme() function we wouldn't pick up values from the CSS for some of these. Likewise, when loading a v3 config not all of these would be pushed back into the CSS theme and they should've been.

This PR addresses both of these problems.

@thecrypticace thecrypticace changed the title Point theme(‘boxShadow.*’) to --shadow-* Merge legacy theme values with their renamed CSS theme counterparts Oct 10, 2024
@thecrypticace
Copy link
Contributor Author

@adamwathan I think this covers everything. I know you talked about renaming --transition-timing-function-* — should we go ahead and do that too?

@adamwathan
Copy link
Member

@adamwathan I think this covers everything. I know you talked about renaming --transition-timing-function-* — should we go ahead and do that too?

@thecrypticace Let's wait until we actually rename that variable since that involves changes to the core utilities.ts file too, think can just handle that one separately 👍

@thecrypticace thecrypticace force-pushed the feat/v4-theme-fn-box-shadow branch from 0c997ba to 8473d46 Compare October 11, 2024 13:33
@thecrypticace thecrypticace changed the title Merge legacy theme values with their renamed CSS theme counterparts Convert to/from v3 theme keys in configs and plugins Oct 11, 2024
@thecrypticace thecrypticace merged commit d9fe39c into next Oct 11, 2024
1 check passed
@thecrypticace thecrypticace deleted the feat/v4-theme-fn-box-shadow branch October 11, 2024 14:24
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.

4 participants