Adds a customizable color banner and watermark to websites to clearly identify your environment (e.g., PROD, QA, LOCAL).
Users
16
0 in 30 days
Rating
5.0 / 5
unchanged in 30 days
Ratings
1
0 in 30 days
Store rank
#163K
#136K among extensions
Version
1.4.6
updated 29 Sep 2025
Users
monthly, 13 months
Latest, 16 Oct 2026:16 usersMove the mouse over the chart for any month
Ratings count
monthly, 13 months
Latest, 16 Oct 2026:1 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About Enviro-Shade
## Never Confuse Production and Development Again
**Enviro-Shade** saves web developers from the horror of accidentally creating records, modifying data, or making changes on a client's live production site instead of their local development environment.
### 🎯 Essential for Multi-Tab Workflows
- **Instant Visual Recognition**: Color-coded banners and diagonal watermarks make it impossible to mistake which environment you're working in
- **Side-by-Side Comparisons**: Easily distinguish prod vs dev when comparing pages across multiple tabs
- **No More URL Checking**: Stop squinting at address bars - know your environment at a glance
- **Toolbar Badges**: Quick environment identification without switching tabs
### ⚙️ Tailored for Your Workflow
- **Smart Severity Levels**: Subtle for localhost, eye-catching for production environments
- **Custom URL Patterns**: Match any domain structure with powerful glob support
- **Team-Friendly**: Configure labels and colors to match your organization's conventions
- **One-Click Setup**: Create rules directly from currently open tabs
### 🔒 Privacy First
Runs entirely locally. No data collection, no external servers. Optional browser sync keeps your rules available across devices.
**Essential for web developers, QA teams, and anyone juggling multiple environments daily.**