Skip to content

Fix logo hover color#31

Closed
torn4dom4n wants to merge 2 commits intomainfrom
fix-logo-hover-color-4844080748516041056-17866433223946450887
Closed

Fix logo hover color#31
torn4dom4n wants to merge 2 commits intomainfrom
fix-logo-hover-color-4844080748516041056-17866433223946450887

Conversation

@torn4dom4n
Copy link
Member

This PR fixes the issue where the logo particles remained white when hovered. A color palette has been added, and particles now transition to a random vibrant color from the palette when they are scattered by the mouse/touch.

Verification:

  • Visually verified using Playwright.
  • Ran vp check to ensure code quality.
  • Ran vp build to ensure no build regressions.

PR created automatically by Jules for task 17866433223946450887 started by @torn4dom4n

- Added a vibrant color palette in src/App.tsx.
- Updated createParticle to assign a random color from the palette to scatteredColor.
- This ensures particles change color when interacting with the mouse/touch.

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
@google-labs-jules
Copy link
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

- Reverted the previous commit that changed particle colors.
- Removed the restrictive check that prevented particles from scattering on systems with touch capability (including many laptops/hybrid devices).
- Fixed mouse leave handler to ensure particles return to their base positions consistently on all platforms.
- Verified that particles now correctly scatter away from the mouse cursor while remaining white.

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
@torn4dom4n torn4dom4n closed this Mar 24, 2026
@torn4dom4n torn4dom4n deleted the fix-logo-hover-color-4844080748516041056-17866433223946450887 branch March 24, 2026 08:26
Copy link

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 8133220e3f

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

const distance = Math.sqrt(dx * dx + dy * dy);

if (distance < maxDistance && (isTouchingRef.current || !("ontouchstart" in window))) {
if (distance < maxDistance) {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Restore touch-state guard for particle scattering

Removing the isTouchingRef.current || !("ontouchstart" in window) check makes the scatter branch run on touch-capable browsers even when the user is not interacting. In that idle state mousePositionRef remains {x: 0, y: 0}, so particles near the top-left keep being repelled (notably on smaller/mobile layouts where the logo reaches that area), which regresses the resting logo shape that was previously preserved unless a touch gesture was active.

Useful? React with 👍 / 👎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant