search

processing / processing-website

Repository for the processing.org website
https://processing.org
GNU General Public License v2.0
59 stars 89 forks source link

Addressing Inconsistent Button Animation Colors #499

Open AdityyaX opened 7 months ago

AdityyaX commented 7 months ago

Issue: Inconsistent Colors in Button Animation

Description:

The button animation feature currently displays inconsistent colors This inconsistency undermines the intended design and user experience, leading to a lack of uniformity in the visual presentation of the interface.

Steps to Reproduce:

  1. Open the application on different devices (desktop, mobile, tablet).
  2. Navigate to the section with button animations.
  3. Observe the colors displayed during the animation.

Expected Behavior:

The button animation colors should remain consistent across all devices and browsers to ensure a cohesive visual experience for users.

Actual Behavior:

The colors displayed during button animations vary, presenting different shades or hues on different devices and browsers.

https://github.com/processing/processing-website/assets/103623274/d9c52448-1d86-4a98-9ee6-39abba04d3cb

Proposed Solution:

  1. Conduct a thorough review of the current color implementation for button animations.
  2. Ensure compatibility and consistency across various devices and browsers.
  3. Implement a standardized color scheme or utilize CSS variables to maintain consistency.

Environment Details:

AdityyaX commented 7 months ago

@SableRaf I hope this message finds you well. I'm eager to work on this issue and would greatly appreciate it if you could assign this issue to me

riyanrathore26 commented 7 months ago

@SableRaf I want to work on this issue please assignee me. also share what type of animation do you want

ujjwaleee26 commented 7 months ago

@SableRaf I came up with a solution for it. I have added color symmetry and underline property to both Item and Subitem Please assign the following issue to me. Very excited to raise to PR cuase would be my first ever open source contribution

https://github.com/processing/processing-website/assets/138270264/11c769eb-2a27-4eed-a905-4904180125d6