AI Gradient Themes 🎨

Beautiful gradient backgrounds and overlay effects for Gemini & ChatGPT. Transform your AI conversations with stunning visual themes.

✨ Features

🎨 Gradient Themes

Transform your AI chat backgrounds with beautiful animated gradients:

Light Themes:

• Custom Radial - Warm peach and lavender blend
• Sunset - Pink and coral gradient
• Lavender - Soft purple hues
• Rose Gold - Elegant warm tones

Dark Themes:

• Ocean - Deep blue gradients
• Aurora - Northern lights inspired
• Neon Glow - Cyberpunk vibes
• Midnight - Subtle dark gradient
• Forest - Deep green nature tones
• Fire - Warm ember colors
• Cosmic - Deep space purple

✨ Orb Themes (Flowing Particles)

Canvas-based animated particle backgrounds with glowing connections:

• Neon Orbs - Blue, purple, and pink particles
• Ocean Orbs - Cyan and teal flowing orbs
• Sunset Orbs - Orange and gold particles
• Aurora Orbs - Green and purple northern lights

🎭 Effects (Overlay)

Add beautiful falling effects that work on top of any theme:

• 🌸 Sakura - Floating cherry blossom petals
• ❄️ Snowfall - Gentle falling snowflakes
• 🔥 Ashes - Drifting ash particles
• ✨ Particles - Colorful glowing orbs

Effects use Shadow DOM technology for complete CSS isolation, ensuring they work flawlessly with any theme.

🚀 Installation

From Source (Developer Mode)

1. Download or clone this repository
2. Open Chrome and navigate to chrome://extensions/
3. Enable "Developer mode" in the top right
4. Click "Load unpacked"
5. Select the theme extension folder
6. The extension is now installed!

Usage

1. Navigate to ChatGPT or Gemini
2. Click the extension icon in your toolbar
3. Select a theme from the popup
4. Toggle any overlay effects you want
5. Enjoy your customized AI chat experience!

📁 File Structure

theme extension/
├── manifest.json      # Extension configuration
├── content.js         # Main content script (themes + effects)
├── popup.html         # Extension popup UI
├── popup.js           # Popup interaction logic
├── styles.css         # Theme CSS styles
└── README.md          # This file

📝 Changelog

Version 2.1

• Added Effects (Overlay) system with 4 effects:
  • Sakura petals
  • Snowfall
  • Ashes
  • Particles
• Implemented Shadow DOM for effect CSS isolation
• Removed Message Boxes toggle from UI
• Various bug fixes and improvements

Version 2.0

• Added Orb themes with canvas-based particle animations
• Added flowing particle connections
• Improved theme switching

Version 1.0

• Initial release
• 11 gradient themes (4 light, 7 dark)
• Support for ChatGPT and Gemini

🤝 Contributing

Contributions are welcome! Feel free to:

• Report bugs
• Suggest new features
• Submit pull requests

Made with ❤️ by Fandu for AI chat enthusiasts