Skip to content

Latest commit

Β 

History

History
56 lines (39 loc) Β· 2.53 KB

README.md

File metadata and controls

56 lines (39 loc) Β· 2.53 KB

Color Code 🎨

The instant emoji & visual badge organizer for ChatGPT

Tag and organize your AI chat sessions with emojis, status indicators, and color-coded stacks (e.g., πŸš™ πŸ”§ πŸ’», πŸ”΄ βšͺ πŸ”΅, πŸŸͺ πŸŸͺ πŸŸͺ πŸŸͺ, πŸ’Š πŸŒ€).

Because renames occur natively in ChatGPT, your emoji tags automatically sync across your iPhone, Android, and macOS desktop apps!


✨ Features

  • 🎨 Sidebar Quick-Trigger: Hover over any chat in the ChatGPT sidebar to reveal a subtle palette button. Tag any chat in 1 second without opening it.
  • 🏷️ Active Chat Header: Pinned tag button in the active conversation header.
  • ⚑ Smart Title Auto-Suggestions: Instantly analyzes the chat title keywords (e.g. auto repair β†’ πŸš™ πŸ”§ πŸ’», live events β†’ 🎡 πŸ“†, fedex shipping β†’ πŸŸͺ πŸŸͺ πŸŸͺ πŸŸͺ) and proposes matching emojis on the top shelf.
  • πŸ•’ Recents & Favorites: Automatically remembers your favorite and recently used emojis.
  • πŸ” Full Unicode Search: Type keywords like car, code, health, money, purple to instantly find any emoji.
  • ⌨️ Keyboard Shortcut: Press Cmd + Shift + E (Mac) or Alt + E (Windows/Linux) to open the palette for the active chat.
  • ☁️ 100% Cross-Device Sync: Synchronizes to your mobile and desktop apps via ChatGPT's cloud database.
  • πŸ”’ Private & Lightweight: Zero external tracking, zero bloat, runs 100% client-side.

πŸš€ Quick Start (Install on Any Computer)

You can clone and run this extension on any computer (Mac, Windows, Linux, Chromebook) in under 60 seconds:

Step 1: Clone the Repository

git clone https://github.com/gigorbust/color-code.git

Step 2: Load into Chrome

  1. Open Google Chrome and navigate to chrome://extensions.
  2. Enable Developer mode using the toggle switch in the top-right corner.
  3. Click Load unpacked in the top-left corner.
  4. Select the color-code folder you just cloned.

Step 3: Use it on ChatGPT

  1. Go to chatgpt.com.
  2. Hover over any chat title in the left sidebar to see the 🎨 trigger appear.
  3. Pick an emoji or 1-click apply a suggested stack!

πŸ› οΈ Architecture

  • Manifest: Manifest V3 (Google Chrome's modern standard)
  • Content Script: Isolated Shadow DOM popover preventing CSS collisions
  • Background Worker: Handles keyboard shortcuts and default storage state
  • Permissions: Minimal (storage and chatgpt.com hosts only)

πŸ“„ License

MIT Β© gigorbust