Addressing Inconsistent Button Animation Colors

[AdityyaX]

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.

Screen.Recording.2023-12-04.at.10.30.15.AM.mov

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:

• Device: MacBook Air
• Browsers: Chrome

[AdityyaX]

@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]

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

[ujjwaleee26]

@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

5797b2a8-15e8-4486-8beb-665fc0b8f1ad.mp4