UI Bug: Button color transition failure on hover (Green to Red)

[Aakansha-Chavan]

Summary

The "Check It Out" button on the "Create circuits" section in blog page changes its background color from green to red when the cursor hovers over it or when it is clicked.

Location

In blog page , at the end , Section: "Create circuits" Element: "Check It Out" button

Steps to Reproduce

1. Navigate to the blog page containing the "Create circuits" section.
2. Locate the "Check It Out" button.
3. Hover the mouse cursor over the "Check It Out" button.
4. Observe the button's background color.

Expected Result

The button should adhere to the defined hover/active state color scheme, which is typically a darker shade of the initial color (e.g., a darker green) or it should follow Circuitverse's color scheme for green color. It should not change to a completely different, contrasting color like red .

Screenshot

20251206-1740-18.8998508.mp4

[ghanshyam2005singh]

Hi @Aakansha-Chavan ! I was looking for the issue and while checking the hover color for the "Check It Out" button, I noticed something important:

There are multiple buttons across the site that use the same red hover/active color, and they all pull styles from the same CSS classes. So before opening a PR, I wanted to confirm:

Do you want me to:

1. Fix only this specific button,
   or
2. Update all buttons that currently use the red hover state so that the color scheme stays consistent across the entire site?

To help with the decision, I’m attaching two short screen recordings in my PR:

• One showing other places where the red hover color appears.
• Another showing the updated hover color that I plan to use, so you can confirm if the design direction aligns with the project’s style guide.

Once I get confirmation, I will update the PR accordingly.
Thanks!

• Example where other that red hover using

Screencast.from.2025-12-07.14-42-00.webm

• The updated hover colour which i am thinking

Screencast.from.2025-12-07.14-42-35.webm

[Aakansha-Chavan]

@ghanshyam2005singh yes do it wherever required.
Also refer Circuitverse website to see the styling of the buttons and apply that here.

[ghanshyam2005singh]

@Aakansha-Chavan Please check out the PR i have just raised to resolve this issue, if any changes or modification required then do share i will update accordingly. Sorry for the delay as my semester exam is going on.

[Aakansha-Chavan]

Sorry but @tachyons is the maintainer and he has merged your PR , I just raised the issue. And no need to be sorry , it's okay , all the best for your exams.