Greasy Fork

Greasy Fork is available in English.

Claude Interface Enhancement v2

Adds colorful icons to Claude and Gemini buttons, colors bold/italic text, and adds smooth visual effects throughout both interfaces.

当前为 2025-11-09 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
carrot4522
评分
0 0 0
版本
2
创建于
2025-11-08
更新于
2025-11-09
大小
21.1 KB
许可证
AGPL-3.0-or-later
适用于

🎨 Visual Enhancement for Claude & Gemini v2

Tampermonkey Userscript for Interface Enhancement


📋 Overview

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.


✨ Key Features

🎨 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


🎯 Perfect Use Cases

👁️ 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


🚀 How It Works

Color System

🟠 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


Text Styling

☀️ Light Mode:

  • Purple bold text for emphasis
  • Cyan italics for subtle highlights
  • High contrast for readability

🌙 Dark Mode:

  • Green bold text (automatic switch)
  • Sky blue italics (automatic switch)
  • Optimized for dark backgrounds

Animation Workflow

Step-by-step visual feedback:

  1. 📥 New messages fade in smoothly
    → Gentle 0.6s entrance animation

  2. 🔍 Buttons scale on hover
    → 1.05x zoom for clear feedback

  3. ✨ Icons glow with color-matched shadows
    → Dynamic glow effects on interaction

  4. ⚡ Actions provide instant visual feedback
    → No lag, immediate response

  5. 🎯 Smooth cubic-bezier easing
    → Professional, natural transitions


💡 Benefits

⚡ 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


🔧 Installation

  1. Install Tampermonkey browser extension
  2. Add Visual Enhancement for Claude & Gemini v2 userscript
  3. Visit claude.ai or gemini.google.com
  4. Colors and animations activate automatically
  5. Start chatting with enhanced visuals!

📝 Usage Tips

Keyboard Shortcuts

🆕 Start New Chat:
→ Press Ctrl + N (Windows/Linux) or Cmd + N (Mac)

💡 Pro Tip:
→ Works from anywhere on Claude.ai or Gemini


Interactive Features

🖱️ Hover Effects:

  • Hover over any button to see glow effects
  • Icons scale slightly for better feedback
  • Smooth color transitions

🎨 Automatic Theming:

  • Dark mode detection automatic
  • Colors adjust for optimal contrast
  • No manual configuration needed

⚡ Hardware Acceleration:

  • All animations use GPU acceleration
  • Smooth 60fps performance
  • No CPU overhead

⚙️ Customization

Built-in Settings

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


How to Customize

  1. Open Tampermonkey dashboard
  2. Find Visual Enhancement for Claude & Gemini v2
  3. Click Edit
  4. Modify values in the configuration section
  5. Save and refresh page

🎓 Why This Matters

❌ Problem

Claude.ai and Gemini interfaces use monochrome gray buttons that:

  • Blend together visually
  • Require reading labels to identify
  • Lack visual hierarchy
  • Feel static without feedback
  • Cause eye strain in extended sessions

✅ Solution

This script provides:

  • Color-coded buttons with intuitive associations (green=good, red=bad, orange=copy)
  • Styled text formatting for improved scanning and comprehension
  • Smooth animations that provide clear visual feedback for every action
  • Dark mode adaptation for comfortable extended use
  • Keyboard shortcuts for faster navigation

🌟 Ideal For

👨‍💻 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.


🔗 Additional Information

🌐 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


📊 Technical Details

Supported Elements

✓ Button Types:

  • Copy buttons
  • Thumbs up/down
  • Edit buttons
  • Regenerate buttons
  • New chat buttons

✓ Text Formatting:

  • Bold text styling
  • Italic text styling
  • Inline code blocks
  • Code block headers

✓ Animations:

  • Fade-in transitions
  • Hover scale effects
  • Glow shadows
  • Rotation animations

Performance Metrics

🚀 Load Time: Instant activation
⚡ Animation FPS: Locked 60fps
💾 Memory Impact: Minimal (<1MB)
🔋 CPU Usage: Near zero (GPU accelerated)


💪 Feature Highlights

Color Coding Logic

🟠 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"


Animation Details

✨ 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

📞 Support & Feedback

Need Help?

🐛 Bug Reports:

  • Note which site (Claude.ai or Gemini)
  • Describe the visual issue
  • Check browser console for errors
  • Mention your browser and version

💡 Feature Requests:

  • Suggest new color schemes
  • Request additional animations
  • Share your customization ideas
  • Describe your use case

⭐ Reviews:

  • Share your experience
  • Help others discover the script
  • Suggest improvements
  • Rate the visual enhancements

💡 Pro Tips

Maximize Your Experience

🎨 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!

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