Skip to content

fix: replace hardcoded yellow colors with brand purple in BackToTop b…#93

Open
SG170 wants to merge 1 commit into
HerStack-org:mainfrom
SG170:fix/backtotop-button-color
Open

fix: replace hardcoded yellow colors with brand purple in BackToTop b…#93
SG170 wants to merge 1 commit into
HerStack-org:mainfrom
SG170:fix/backtotop-button-color

Conversation

@SG170
Copy link
Copy Markdown

@SG170 SG170 commented May 26, 2026

Summary

Fixes #87

Problem

The BackToTop button in src/components/Backtotop.jsx was using hardcoded
yellow colors (#facc15 and #eab308) that don't match HerStack's design system.
Yellow is used nowhere else in the codebase.

Fix

Replaced hardcoded hex values with CSS variables:

  • #facc15var(--purple)
  • #eab308var(--purple-dark)

This keeps the button consistent with every other interactive element on the site.

Tested On

  • Button visible after scrolling 300px ✅
  • Normal state shows purple ✅
  • Hover state shows darker purple ✅
  • Desktop & Mobile ✅
image

@vercel
Copy link
Copy Markdown

vercel Bot commented May 26, 2026

@SG170 is attempting to deploy a commit to the HerStack's projects Team on Vercel.

A member of the Team first needs to authorize it.

@SG170
Copy link
Copy Markdown
Author

SG170 commented May 26, 2026

@escher-m,I have made the changes in this pr. Kindly review it.
Thank you!!

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Bug: BackToTop button uses hardcoded yellow colors that clash with the design system

1 participant