Skip to content

Conversation

@HifzaanDev
Copy link
Contributor

@HifzaanDev HifzaanDev commented Sep 17, 2025

What has changed?

Fixed the back-to-top button visibility issue by updating its styling in custom.css. The button was previously white and barely visible against light backgrounds, making it difficult for users to find and use.

Updated the .theme-back-to-top-button CSS class to use Keploy's orange theme color (#FF914D) for the background with white icon/text for proper contrast. Added hover effects for better user experience.

This PR Resolves #3004

Type of change

  • Bug fix (non-breaking change which fixes an issue).

How Has This Been Tested?

Please run npm run build and npm run serve to check if the changes are working as expected. Please include screenshots of the output of both the commands. Add screenshots/gif of the changes if possible.

Testing Steps:

  1. Navigate to any docs page
  2. Scroll down until the back-to-top button appears
  3. Verify the button is now orange (#FF914D) with white icon
  4. Test hover effect (darker orange #e67643)
  5. Click button to ensure scroll-to-top functionality works

Screenshots:

Before:
image

After:
kep1
kep2

Build Output:
✓ Client
Compiled successfully in 45.90s

Serve Output:
[SUCCESS] Serving "build" directory at: http://localhost:3000/docs/

Checklist:

  • My code follows the style guidelines of this project.
  • I have performed a self-review of my own code.

Technical Notes:

  • Used !important declarations to override Docusaurus default styles (acceptable for third-party framework overrides)
  • Component-specific styling isolated to back-to-top button only
  • Maintains theme consistency with Keploy's orange color scheme
  • Added proper contrast with white icon/text on orange background

Closes #3004

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Thank you and congratulations 🎉 for opening your very first pull request in keploy

Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>
Copy link
Member

@Achanandhi-M Achanandhi-M left a comment

Choose a reason for hiding this comment

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

LGTM

@Achanandhi-M Achanandhi-M merged commit 0fd678e into keploy:main Sep 18, 2025
3 of 6 checks passed
github-actions bot pushed a commit to pratik-mahalle/docs that referenced this pull request Sep 18, 2025
Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>
Srinu346 pushed a commit to Srinu346/docs that referenced this pull request Sep 18, 2025
Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>
Signed-off-by: Akella Srinivas <alsrinivas.346@gmail.com>
Achanandhi-M added a commit that referenced this pull request Sep 30, 2025
* fix: update the quickstart

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* feat(docs): Update scroll-to-top icon color for visibility (#673)

Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>

* docs: update the golang quicksart

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* docs: fix broken anchors to server install page (#onBrokenAnchors)\n\n- Update platform requirement tables to /docs/server/install/#other-installation-methods\n- Update all 'Start Capturing Testcases' links to /docs/server/install/#-capturing-testcases\n- Affects 2.0.0 and 3.0.0 docs

* Revert "docs: fix broken anchors to server install page (#onBrokenAnchors)\n\n- Update platform requirement tables to /docs/server/install/#other-installation-methods\n- Update all 'Start Capturing Testcases' links to /docs/server/install/#-capturing-testcases\n- Affects 2.0.0 and 3.0.0 docs"

This reverts commit 8dd86ec.

* docs:updated the quickstart

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* fix the keploy issue

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* docs:update the dco signoff

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

---------

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>
Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>
Co-authored-by: Hifzaan <165919983+HifzaanDev@users.noreply.github.com>
Co-authored-by: Achanandhi M <110651321+Achanandhi-M@users.noreply.github.com>
Achanandhi-M pushed a commit that referenced this pull request Sep 30, 2025
* feat(docs): Update scroll-to-top icon color for visibility (#673)

Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>

* fix the keploy issue

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* fix: update the images in golang

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* fix: update the images in golang

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

---------

Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>
Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>
Co-authored-by: Hifzaan <165919983+HifzaanDev@users.noreply.github.com>
Achanandhi-M pushed a commit that referenced this pull request Sep 30, 2025
Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>
Achanandhi-M added a commit that referenced this pull request Oct 6, 2025
* feat(docs): Update scroll-to-top icon color for visibility (#673)

Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>

* fix the keploy issue

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* docs:update the java quickstart

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* docs: add the image

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* revert changes for the windows

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

---------

Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>
Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>
Co-authored-by: Hifzaan <165919983+HifzaanDev@users.noreply.github.com>
Co-authored-by: Achanandhi M <110651321+Achanandhi-M@users.noreply.github.com>
Achanandhi-M pushed a commit that referenced this pull request Oct 6, 2025
* feat(docs): Update scroll-to-top icon color for visibility (#673)

Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>

* fix the keploy issue

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* fix: update the images in golang

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* fix: update the images in golang

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

* fix: add the images

Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>

---------

Signed-off-by: kenk999 <mohammadhifzan24@gmail.com>
Signed-off-by: Pratik Mahalle <mahallepratik683@gmail.com>
Co-authored-by: Hifzaan <165919983+HifzaanDev@users.noreply.github.com>
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.

2 participants