ColorMate

🖌 Bring Colors to Your Web Experience!

ColorMate is a powerful Chrome extension that lets you colorize text on websites based on custom rules. Define patterns, choose text and background colors, and apply your rules instantly—only on the active tab for optimal performance!

🔥 Features at a Glance

🎨 Text Colorization

✅ Apply custom colors to text matching user-defined regular expressions (regex)
✅ Set both text and background colors
✅ Apply rules only to specific CSS selectors

⚙ Custom Rules & Flexibility

✅ Define multiple rules with:
• Rule Name
• Regex Pattern (to match targeted text)
• Background & Text Colors
• Targeted URLs (specific sites or regex-based domains)
• CSS Selectors (to apply changes only to specific page elements)
✅ Enable/Disable rules anytime without deleting them

🖥 User-Friendly Interface

✅ Add, edit, and delete rules easily
✅ Import & Export rules in JSON format
✅ Dark Mode Support for a comfortable user experience

🚀 Performance Optimizations

✅ Applies only to the active tab to keep Chrome running smoothly
✅ Prioritized rule handling to manage overlapping styles
✅ Automatic cleanup when switching tabs or disabling rules

🔧 How It Works

1️⃣ Click the ColorMate icon in your Chrome toolbar
2️⃣ Add a new rule:
• Choose a rule name
• Enter a regex pattern
• Set text & background colors
• Define targeted URLs and CSS selectors
3️⃣ Click Save, and the text matching your rule will be instantly colored!

✨ Your rules apply only to the active tab, so no unnecessary modifications elsewhere!

📂 Advanced Rule Management

🔹 Rule Precedence: When multiple rules match the same text, the first rule in the list takes priority.
🔹 URL Matching Options:
• Exact URL: https://example.com/page
• Wildcard: *.example.com/* (matches all subdomains)
• Regex-based URLs: /example\.(com|org)/
• Universal Match: * (applies everywhere)

📌 Example Use Cases

🔹 Log File Highlighting:
✔ Highlight errors in red
✔ Highlight warnings in yellow
✔ Highlight success messages in green

🔹 Developer Console Styling:
✔ Colorize different console log levels (info, debug, warning, error)

🔹 Custom Webpage Enhancements:
✔ Emphasize specific keywords
✔ Improve readability with custom color schemes

📥 Installation Guide

Standard Installation (Recommended)

✅ Get it directly from the Chrome Web Store (once approved)

Developer Mode (Manual Installation)

1️⃣ Download the extension ZIP
2️⃣ Go to chrome://extensions/ in Chrome
3️⃣ Enable Developer mode (top-right corner)
4️⃣ Click “Load unpacked” and select the folder
5️⃣ Your extension is now installed and ready to use!

🔐 Privacy & Security

🔹 No data collection – The extension runs locally and does not send any data externally.
🔹 No ads, no tracking – Purely for customization!

🌟 Ready to Colorize Your Web Experience?

📥 Install ColorMate today and take control of text styling on the web!