feat: add six new decorative gradient patterns #120
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
@HariprasathNCI is attempting to deploy a commit to the Megh Bari Team on Vercel. A member of the Team first needs to authorize it. |
Author
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR introduces six new decorative background gradient patterns to the collection, inspired by soft, modern color palettes suitable for UI elements like hero sections and cards. These gradients blend subtle transitions from white to vibrant hues, ensuring they are responsive and production-ready.
The new patterns are:
Soft Purple Blue: A gentle gradient from soft purple (#e0d5ff) to blue (#b8c5ff), evoking a calm, ethereal feel.
Steel Gray: A diagonal gradient from light gray (#e8eaed) to deeper steel (#a0a8b0), ideal for professional, minimalist designs.
Turquoise Dream: Fades from white to turquoise (#4fd1c5), adding a fresh, dreamy ocean vibe.
Peach Blush: Transitions from peach (#ffd6e8) to blush pink (#ffa5c0), perfect for warm, inviting interfaces.
Sunset Orange: Blends white to warm orange (#ffb347), capturing a sunset-inspired glow.
Lavender Pink: Shifts from lavender (#f0e5ff) to pink (#ffc6d9), offering a soft, floral touch.
All patterns follow the established format in src/data/patterns.ts with JSX code snippets for easy copy-paste integration. They are categorized as "decorative" and marked with a "New" badge. Previews can be seen in the attached image for visual reference.
Changes Made
Added the six new pattern objects to src/data/patterns.ts.
Ensured compatibility with existing showcase components (e.g., PatternCard and PatternGrid).
No breaking changes; patterns render correctly in live previews.