A browser lens for color-coded work

Keep the color.
Add the meaning.

Put your own labels and patterns over status colors, diffs, and charts—without changing the source page or sending its colors anywhere.

Free core extension · Chromium MV3 · Works offline

Halftone print inspector's bench showing three dashboard tiles distinguished by plain, striped, and crosshatched acetate lenses
Fig. 01 One page. Three redundant visual channels.

Red versus green should not decide whether a review is right.

System filters shift pixels. Product-specific themes only fix one tool. Color Meaning Lens stays with you and lets you annotate the colors you already understand in each work site.

YoursYou decide what a color means.

LocalMappings stay in browser storage.

ReversibleOne shortcut removes every mark.

02 / TEST BENCH

Can you classify the run?

These tiles use similar visual weight. Turn on the demo lens to add redundant meaning.

BUILD / 1842
API-14Payments API
WEB-09Web checks
DB-31Schema diff

Lens is off. The tiles depend on color.

03 / METHOD

A 30-second setup for each site.

  1. Pick

    Open the extension and sample a page color with the eyedropper or element picker.

  2. Name

    Choose a short note, symbol, pattern, and a forgiving shade tolerance.

  3. Read

    The lens adds removable marks. Press Alt + Shift + L any time.

04 / INSTALL

Load the unpacked extension.

  1. Download and unzip the package.
  2. Open chrome://extensions or edge://extensions.
  3. Turn on Developer mode, choose “Load unpacked,” and select the unzipped folder.
  4. Pin the lens. Open a site, then pick your first color.
Download extension package

05 / SUPPORTER INK

The useful part stays free.

Buy once to fund maintenance and unlock up to 20 named, local setup snapshots. Core mappings, patterns, keyboard access, and data remain free.

  • One-time purchase: $12 USD
  • No account and no subscription
  • Sociobot / Dodo is merchant of record
$12 onceBuy supporter license