GDGC-MET / GDGC-MET/Codefolio-WEB

Implement Subtle Custom Scrollbar for Dark Theme Aesthetic

Open
#24 0 comments 0 reactions 1 assignee Claimed by @Sanchita2802 View on GitHub
enhancement
Dominant language
CSS
Stars
2
Forks
32
PR merge metrics
No merged PRs in 30d

Description

1. Aesthetic Consistency: Implemented a subtle custom scrollbar to match the portfolio's dark theme aesthetic, replacing the default browser scrollbar which often clashes with dark backgrounds.

2. Browser Compatibility: Used ::-webkit-scrollbar pseudo-elements for optimal display on Chrome, Safari, and Edge, and included scrollbar-color for Firefox support.

3. Refined Visibility: The scrollbar track now uses --bg-light and the thumb uses the --primary color, providing a smooth, visually integrated scrolling mechanism.

4. UX Polish: Added a slight hover effect (--primary-dark) on the scrollbar thumb for enhanced visual feedback during scrolling.

5. Using Gemini ai to make the changes in the website.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.