Redesign Screenshot Mouse Pointer Rendering System

[myfoxit]

Problem

When generating screenshots, the current system displays a hardcoded green mouse pointer that does not use the application's primary color or allow for customization. This approach lacks flexibility and can lead to inconsistent UI experiences, especially when the product's branding or theming differs.

Ideal Approach

• Implement a dual-storage system for mouse pointers on screenshots:
  1. Store images with the pointer hardcoded onto the screenshot (status quo).
  2. Additionally, store pointer data separately to allow for rendering and theming/calculation at runtime.
• Alternatively, consider only storing the calculated pointer data (without a hardcoded overlay), and render the pointer with the correct color/UI style as needed in the product, using the current primary color or theme settings.

Reference

Acceptance Criteria

• Screenshots can display mouse pointers in the application’s primary color, not just green.
• Mouse pointer theming can be dynamically changed based on product settings.
• Discuss and document pros/cons for both dual-storage and calculation-only systems before implementation.

Additional Notes

• See attached screenshot for reference.
• This change will help future-proof screenshot rendering and enhance overall UI/UX consistency.