Adds colorful icons to Claude and Gemini buttons, colors bold/italic text, and adds smooth visual effects throughout both interfaces.
Tampermonkey Userscript for Interface Enhancement
Claude Interface Enhancement transforms both Claude.ai and Gemini interfaces with vibrant color-coded buttons, styled text formatting, smooth animations, and visual effects that make every interaction more intuitive and visually appealing.
Make your AI conversations more colorful and intuitive.
🎨 Colorful Button Icons
→ Orange copy, green thumbs up, red thumbs down, yellow edit, sky blue regenerate buttons
📝 Styled Text Formatting
→ Purple/green bold text and cyan/blue italic text with automatic dark mode adaptation
✨ Smooth Animations
→ Fade-in effects, glow animations, and scale transitions throughout both interfaces
⌨️ Keyboard Shortcut
→ Ctrl/Cmd + N instantly starts new chat conversations
💻 Enhanced Code Blocks
→ Gradient headers, colored inline code, rounded corners with improved readability
👁️ Visual Navigation
→ Quickly identify button functions by color without reading labels
⏰ Extended Sessions
→ Reduced eye strain with smooth transitions and balanced color schemes
⚡ Keyboard Workflow
→ Speed up navigation with new chat keyboard shortcut
🎨 Professional Look
→ More polished and visually appealing interface
🟠 Copy Button
→ Orange buttons with glow effect on hover
🟢 Good Response
→ Green thumbs up with background highlight
🔴 Bad Response
→ Red thumbs down with background highlight
🟡 Edit Button
→ Yellow edit buttons with smooth transitions
🔵 Regenerate Button
→ Sky blue with 180° rotation animation on hover
☀️ Light Mode:
🌙 Dark Mode:
Step-by-step visual feedback:
📥 New messages fade in smoothly
→ Gentle 0.6s entrance animation
🔍 Buttons scale on hover
→ 1.05x zoom for clear feedback
✨ Icons glow with color-matched shadows
→ Dynamic glow effects on interaction
⚡ Actions provide instant visual feedback
→ No lag, immediate response
🎯 Smooth cubic-bezier easing
→ Professional, natural transitions
⚡ Faster Recognition
→ Color-coded icons reduce cognitive load and speed up interactions
📖 Better Readability
→ Styled bold/italic text improves content scanning and comprehension
👁️ Reduced Eye Strain
→ Smooth animations and balanced colors for comfortable extended use
🌐 Universal Compatibility
→ Works seamlessly on both Claude.ai and Gemini interfaces
🎨 Professional Polish
→ Modern interface that looks and feels premium
🔧 Hardware Accelerated
→ Smooth performance with no lag
🆕 Start New Chat:
→ Press Ctrl + N (Windows/Linux) or Cmd + N (Mac)
💡 Pro Tip:
→ Works from anywhere on Claude.ai or Gemini
🖱️ Hover Effects:
🎨 Automatic Theming:
⚡ Hardware Acceleration:
The script includes customizable parameters:
⏱️ Animation Duration:
→ Default: 0.3s (can be adjusted)
✨ Fade-in Timing:
→ Default: 0.6s (customizable)
⌨️ Keyboard Shortcut:
→ Default: Ctrl/Cmd + N (modifiable)
🎨 Color Opacity:
→ Levels: High / Medium / Low / Full
Claude.ai and Gemini interfaces use monochrome gray buttons that:
This script provides:
👨💻 Software Developers
→ Who spend hours with AI assistants
📚 Students
→ Using AI for research and learning
✍️ Writers
→ Crafting content with AI help
🔬 Researchers
→ Analyzing data and gathering insights
🎨 Designers
→ Brainstorming creative concepts
⏰ Extended Session Users
→ Anyone using Claude.ai or Gemini for long periods
Transform your AI interface with color, style, and smooth animations.
🌐 Compatible With: Chrome, Firefox, Edge, Safari, Opera, Brave
📺 Website Support: claude.ai/, gemini.google.com/
📦 Version: v2 - Full visual effects suite
📜 License: AGPL-3.0
⚡ Performance: Hardware accelerated animations
🎨 Themes: Automatic light/dark mode detection
✓ Button Types:
✓ Text Formatting:
✓ Animations:
🚀 Load Time: Instant activation
⚡ Animation FPS: Locked 60fps
💾 Memory Impact: Minimal (<1MB)
🔋 CPU Usage: Near zero (GPU accelerated)
🟠 Orange = Copy
Warm color suggests "taking" or "capturing" content
🟢 Green = Positive
Universal positive feedback color
🔴 Red = Negative
Universal negative feedback color
🟡 Yellow = Edit
Caution/attention color for modifications
🔵 Blue = Regenerate
Cool color suggests "refresh" or "new"
✨ Fade-In:
Opacity: 0 → 1
Duration: 0.6s
Easing: ease-in-out
🔍 Hover Scale:
Transform: scale(1) → scale(1.05)
Duration: 0.3s
Easing: cubic-bezier
💫 Glow Effect:
Box-shadow: Dynamic color-matched
Blur: 8px
Spread: 2px
🐛 Bug Reports:
💡 Feature Requests:
⭐ Reviews:
🎨 Theme Switching:
Toggle between light/dark mode to see automatic color adaptation
⌨️ Keyboard Power:
Use Ctrl/Cmd + N frequently to restart conversations quickly
🖱️ Hover Exploration:
Hover over all buttons to discover glow effects
🔄 Compare Modes:
Try both Claude.ai and Gemini to see universal compatibility
📱 Mobile Compatible:
Works on mobile browsers with Tampermonkey support
Thank you for using Visual Enhancement for Claude & Gemini!
Make your AI conversations more colorful, intuitive, and enjoyable.
Happy chatting! 🎨✨
Last Updated: November 2025
Version: 2
Compatible with: Tampermonkey on all major browsers
Works on: claude.ai and gemini.google.com
