Rework background gradient meshes and add dots effect

[laurentlahmy]

• Tries to improve background colors (where I think colors are a bit murky).
• Tries to improve background blobs parameters and colors, picked blob colors from the tanstack "island" logo.
• Adds a dot effect for texture.
• Adds a mask on screen for dark edges.

[netlify]

✅ Deploy Preview for tanstack ready!

Name	Link
🔨 Latest commit	5f41ffd
🔍 Latest deploy log	https://app.netlify.com/sites/tanstack/deploys/678d9bacfd2d430008edb1e6
😎 Deploy Preview	https://deploy-preview-335--tanstack.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 68 (🟢 up 12 from production) Accessibility: 95 (no change from production) Best Practices: 83 (🔴 down 9 from production) SEO: 83 (no change from production) PWA: 60 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Willem-Jaap]

I think the dots are very noisy, especially on lower quality screens

[tannerlinsley]

Could you reduce the dots in light mode a bit? They're pretty distracting, but only in light mode.

[laurentlahmy]

Just pushed a commit that should fix light mode and be smarter about the desired effect.

[tannerlinsley]

I think we're going to go a completely different direction actually. I have some ideas I need to explore to get the CPU usage down a lot and it's probably going to end up using more static assets/code. This was awesome and I'm really sorry I can't merge it :/ I hope you had as much fun as I did messing with canvas!

[laurentlahmy]

ok, happy to help on making it look nice!