PocketBase Color Preview

A Chrome extension that enhances your PocketBase admin panel by displaying beautiful color swatches for hex color codes.

Features

✨ Color Preview - Automatically detects hex color codes (#FFF, #FFFFFF) and displays them as interactive color swatches

🎨 Interactive Display - Click on any color swatch to view:

• A large color preview
• The hex color code
• Copy button to quickly copy the color code

🔄 Real-time Updates - Colors are automatically detected and enhanced as the page updates

📱 Works Everywhere - Displays color swatches in:

• Colors table
• Products table
• Any PocketBase table with hex color values

Installation

1. Clone or download this repository
2. Open Chrome and go to chrome://extensions/
3. Enable "Developer mode" (top right)
4. Click "Load unpacked" and select this extension folder
5. The extension is now active!

How to Use

1. Open your PocketBase admin panel
2. Navigate to any table containing hex color codes
3. Hex colors will automatically be converted to clickable color swatches
4. Click any swatch to see the full color details and copy the hex code

Requirements

• Chrome/Chromium browser version 88+
• PocketBase instance running
• Colors stored as hex codes (#FFF or #FFFFFF format)

Privacy

This extension:

• ✅ Only runs on your PocketBase admin panel
• ✅ Does not collect any personal data
• ✅ Does not send data to external servers
• ✅ Requires no account or login

Support

For issues or feature requests, please check the repository or contact the developer.

License

MIT License