Item logo image for PageHalo

PageHalo

5.0(

1 rating

)
Item media 1 (screenshot) for PageHalo

Overview

Add colored borders to pages based on their domain. Visually distinguish your environments at a glance.

PageHalo — Color borders by domain Instantly tell which environment you're looking at. PageHalo draws a colored border around the browser viewport based on the domain you're visiting. Perfect for distinguishing production from staging, or keeping track of multiple services at a glance. FEATURES - Domain-based rules: Assign a color to any domain (e.g., github.com → red, localhost → green). - Per-site border thickness: Each rule has its own thickness slider (1–12px) so you can make important environments stand out more. - Non-intrusive border: A colored inset border that doesn't affect page layout or block clicks. - "This page" button: One click grabs the current tab's domain — no typing needed. - Inline editing: Click any rule's color dot, domain text, or thickness slider to edit it on the spot. - Import / Export: Copy your config as JSON and paste it into another browser or share it with your team. - Live updates: Border appears and disappears instantly as you add, edit, or remove rules — no page reload required. - Synced across devices: Rules are stored in Chrome Sync, so they follow you everywhere you're signed in. HOW IT WORKS 1. Click the PageHalo icon in the toolbar. 2. Type a domain (or press "This page") and pick a color. 3. Adjust the thickness slider to your liking. 4. Hit + to save. Done — every page on that domain now has a colored border. USE CASES - Dev environments: Green for localhost, yellow for staging, red for production. Use a thicker border for prod so you never miss it. - Client projects: Different color per client domain so you always know whose site you're on. - Focus zones: Color-code the sites you use for work vs. personal browsing. PRIVACY PageHalo does not collect, transmit, or store any personal data. All rules are saved locally in Chrome Sync storage and never leave your browser. No analytics, no tracking, no network requests. See our full privacy policy for details.

Details

  • Version
    1.2.0
  • Updated
    February 20, 2026
  • Offered by
    nstrandm
  • Size
    12.59KiB
  • Languages
    English
  • Developer
    Email
    nikostrandman@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. To learn more, see the developer’s privacy policy.

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

Snable: UI Inspector & CSS Scanner

4.6

Analyze any web page that catches your eye! Get a detailed overview of colors, fonts, and visual elements for design inspiration.

DoFollow Link Highlighter

3.7

Highlight internal and external dofollow links on a webpage with different colors.

Night Assistant

4.2

Set the background color of the webpage to protect your eyes. and create a beautiful and comfortable internet environment.

Invert Color

5.0

Inverted colors on any page.

Hex code picker

5.0

Use Hex code picker to grab hex color codes from any webpage. Quickly identify colors and copy hex codes for all your design needs!

Layout Grid Visualizer

5.0

A Chrome extension to visualize and customize grid layouts on webpages

Color Picker Chrome extension

4.2

Color Picker Chrome extension addon lets you to pick color from any webpage

Css Layout Hack

4.0

You can see website layers with different colors easily

BlurGuard

5.0

Selectively blur text, areas, and elements on any webpage

Dark Read

5.0

Ease eye strain. Dark Read is a simple Chrome extension to change the background color of a web page.

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Custom CSS Injector – custom styles per domain

0.0

Inject custom CSS per domain. A minimalist, ultra-efficient extension to style any website without bloat or heavy features.

Snable: UI Inspector & CSS Scanner

4.6

Analyze any web page that catches your eye! Get a detailed overview of colors, fonts, and visual elements for design inspiration.

DoFollow Link Highlighter

3.7

Highlight internal and external dofollow links on a webpage with different colors.

Night Assistant

4.2

Set the background color of the webpage to protect your eyes. and create a beautiful and comfortable internet environment.

Invert Color

5.0

Inverted colors on any page.

Hex code picker

5.0

Use Hex code picker to grab hex color codes from any webpage. Quickly identify colors and copy hex codes for all your design needs!

Layout Grid Visualizer

5.0

A Chrome extension to visualize and customize grid layouts on webpages

Color Picker Chrome extension

4.2

Color Picker Chrome extension addon lets you to pick color from any webpage

Css Layout Hack

4.0

You can see website layers with different colors easily

Google apps