[ENHANCEMENT] Cursor trail that matches theme #640
Description
⚙️ Current Behavior
The application currently uses the default system cursor with no visual trail or enhancement. There is no option for users to enable or disable cursor-based visual effects, and the cursor does not reflect the active application theme.
🚀 Proposed Improvement
Introduce a cursor trail effect that follows the mouse pointer and dynamically matches the active application theme. Additionally, provide a user-facing toggle (e.g., in settings or preferences) to turn the cursor trail on or off at any time.
🔍 Why It’s Needed
Enhances UI polish and perceived quality
Maintains visual consistency with light/dark or custom themes
Improves accessibility for users sensitive to motion
Allows performance-conscious users to disable the effect
🧩 Possible Implementation
Implement the cursor trail using CSS, Canvas, or JavaScript (requestAnimationFrame)
Bind trail styling (color, glow, opacity) to theme variables or theme context
Add a toggle in user settings to enable/disable the cursor trail
Persist the toggle state (e.g., localStorage, cookies, or user preferences)
Automatically respect system settings like prefers-reduced-motion
Disable the trail on touch devices by default
✅ Checklist
- I’ve reviewed existing issues to ensure this isn’t a duplicate.
- [ ✅] I’ve explained how this improves performance or readability.