Item logo image for Env Border

Env Border

Item media 1 (screenshot) for Env Border

Overview

Add a colored border to your site's different environments

Env Border is a Chrome extension designed to enhance your web development workflow by visually distinguishing between different environments of your applications. By allowing you to input the domains for your local, QA, staging, and production environments, Env Border sets a colored border around the webpage window. This simple yet effective visual cue helps you quickly identify the environment you're currently viewing at a glance. Features Environment Recognition: Automatically recognizes the environment based on the domain Subdomain Support: Matches subdomains automatically (e.g., api.qa.example.com matches qa.example.com) Color-Coded Borders: Adds a distinct colored border to the window: - Green for Local - Yellow for QA - Orange for Staging - Red for Production Custom Domain Input: Allows you to specify the domains for each environment Toggle Control: Enable or disable the extension with a single click github: https://github.com/jmason87/env-border

Details

  • Version
    2.0.0
  • Updated
    November 11, 2025
  • Offered by
    jmason87
  • Size
    37.39KiB
  • Languages
    English
  • Developer
    Email
    joewebdev87@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Quilt - Tiling Window Manager

5.0

Quilt keeps your workspace tidy by automatically tiling your windows.

Environment Indicator

4.3

Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules

Color Changer

3.8

Change a page's text, background, and link colors to your liking.

Outliner CSS

4.5

Outline every element to instantly debug layout and spacing - depth tinting, hover inspector, one-click selector copy.

Tab Colorizer Free | Colorize your tab's icon!

2.1

Basic tab colorization - solid colors only, resets on refresh. Pro version adds overlay modes, persistence & more!

Tab Domain Highlighter

2.2

Activate this extension to automatically highlight domains with colors across your open tabs with just one click.

Website color coding

5.0

Helps to identify which environment you are working in.

Environment Marker

4.8

Use the Environment Marker extension and prevent screw-ups with the (programming) environments.

AI Translator

5.0

AI-powered translation tool

View Resizer

3.2

Window and Viewport Precise Resizer(精确调整窗口或可视窗口大小)

Box Borders

5.0

Adds Red Borders to all Boxes on the Page

border.me

5.0

Add borders to all of the page's elements with a custom colour

Quilt - Tiling Window Manager

5.0

Quilt keeps your workspace tidy by automatically tiling your windows.

Environment Indicator

4.3

Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules

Color Changer

3.8

Change a page's text, background, and link colors to your liking.

Outliner CSS

4.5

Outline every element to instantly debug layout and spacing - depth tinting, hover inspector, one-click selector copy.

Tab Colorizer Free | Colorize your tab's icon!

2.1

Basic tab colorization - solid colors only, resets on refresh. Pro version adds overlay modes, persistence & more!

Tab Domain Highlighter

2.2

Activate this extension to automatically highlight domains with colors across your open tabs with just one click.

Website color coding

5.0

Helps to identify which environment you are working in.

Environment Marker

4.8

Use the Environment Marker extension and prevent screw-ups with the (programming) environments.

Google apps