Make buttons glass-like and semi-transparent to reduce visual distraction

[Copilot]

This PR transforms the extension's UI buttons from solid, distracting colors to a subtle glass-like appearance that allows content to show through while maintaining usability.

Changes Made

Main Popup Button:

• Changed from solid green (#4CAF50) to semi-transparent rgba(76, 175, 80, 0.2)
• Used dark green text color (#2d5f2f) for proper contrast and readability on light backgrounds
• Added subtle border and backdrop blur effect for true glass appearance
• Enhanced hover states with smooth transitions

Dialog Buttons:

• Applied consistent glass styling to Submit, Cancel, and Close buttons
• Used different opacity levels for visual hierarchy (Cancel button uses gray tones)
• Dark, readable text colors instead of white for better contrast
• Added JavaScript hover effects for better user feedback

Dialog Backgrounds:

• Updated to rgba(255, 255, 255, 0.85) for subtle transparency
• Added backdrop-filter blur for cohesive glass theme
• Enhanced with subtle borders for better definition

Visual Impact

Before: The prominent solid green "Capture and Prompt" button was visually distracting and drew too much attention.

After: The button now has a subtle, semi-transparent appearance that blends better with the interface while remaining clearly interactive and readable. The glass effect with backdrop blur creates a modern, polished look that doesn't compete with the content behind it.

The changes maintain full functionality while significantly reducing visual noise, creating a more professional and less intrusive user experience with proper text contrast for accessibility.

Fixes #8.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[rodneyg]

@copilot Try again.

[Copilot]

@copilot Try again.

Fixed in commit 30fc516. The previous implementation had white text on light backgrounds which made the buttons hard to read.

I've now updated the glass effect with:

• Dark green text (#2d5f2f) instead of white for proper contrast and readability
• Lower opacity (0.2) for a more subtle transparent effect
• Maintained backdrop blur for the true glass appearance
• Consistent styling across all buttons (popup and dialogs)

The buttons now have a professional glass-like appearance while remaining clearly readable.