EnvIcon - Environment Identifier & Favicon Badge

Easily distinguish Development, Staging, and Production environments with customizable favicon overlays and on-page badges.

Tired of accidentally making changes in the wrong environment? EnvIcon is here to help developers, QA engineers, and content managers visually distinguish between Development, Staging, Production, and any other custom environments at a glance. By automatically applying a customizable overlay to browser favicons and displaying an optional floating page badge, EnvIcon ensures you always know exactly which environment you are currently working in. ✨ Key Features ✨ - 🔠 Favicon Overlay: Dynamically adds a clear label (up to 4 characters, e.g., "PROD", "STG", "DEV") directly onto the site's original favicon. - 🏷️ In-Page Badge: Displays a highly visible, semi-transparent text badge in any corner of the webpage. - 🎯 Flexible Matching Rules: Supports exact hostnames and Regular Expressions (Regex) for matching complex or localized URL patterns. - 🎨 Fully Customizable: - Create unlimited custom environments (e.g., Local, QA, UAT). - Customize badge text, background color, and outline color. - Turn the favicon or page badge features on/off independently per environment. - Position the in-page badge in any of the four corners and adjust its font size. - ⚡ Dynamic Detection: Seamlessly detects and updates the overlay even if the website changes its favicon dynamically via JavaScript. - 🪟 Smart URL Checker: Built-in tool in the options page to quickly test if your URLs or hostnames match your configured rules. - 🌍 Multilingual UI: The extension settings page is available in both English and Japanese. 🛡️ Privacy & Security EnvIcon operates entirely locally within your browser. It does not collect, store, or transmit any of your personal data, web traffic, or browsing history to external servers. Boost your productivity and prevent costly mistakes today with EnvIcon!