Skip to content

Conversation

@omjogani
Copy link

I raised an issue about feature request #1 where I mentioned why we require this feature.

Implementation Details of #1


Modified Files

  • package.json
    • added meshgrad as devDependencies (meshgrad is a lightweight package that is used to generate mesh gradient CSS properties.)
    • pnpm-lock.json
  • src/route/+page.svelte
    • Added LinkedBanner in the ratios list with its dimensions
    • Added Random Mesh Gradient in bgOptions
    • Added Styling for applying gradient properties on the background

New Created Files

  • src/lib/components/RegenerateGradientButton.svelte
    • Button same as InputImage

Result of Implementation

image
image

Why do we need this feature & How it's useful?

Let me know in case more info is needed!
Thanks!

@vercel
Copy link

vercel bot commented Oct 26, 2023

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

Name Status Preview Comments Updated (UTC)
snapwrite ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 26, 2023 6:22pm

@omjogani
Copy link
Author

Hey @eldadfux, @TGlide

Waiting for your review on this PR!
Let me know if more info is needed from my end.

Thanks!

@TGlide
Copy link
Contributor

TGlide commented Nov 3, 2023

Hey, this is awesome! I'd say the mesh gradient is useful, but it should be limited to brand colors only. Do you think that's possible?

@omjogani
Copy link
Author

omjogani commented Nov 6, 2023

Sure, Let me give it a try! Meanwhile can you please provide me a color palette for the appwrite theme?

@TGlide
Copy link
Contributor

TGlide commented Nov 6, 2023

Sure, Let me give it a try! Meanwhile can you please provide me a color palette for the appwrite theme?

The colors are present in src/styles/colors.scss :)

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.

2 participants