gitwtfhub

wtf is chrome-flavoured-favicon?

motemen/chrome-flavoured-favicon — explained in plain English

Analysis updated 2026-07-18 · repo last pushed 2014-05-10

14TypeScriptAudience · generalComplexity · 2/5DormantSetup · easy

TL;DR

A browser extension that color-codes your tab icons based on the website, making it easier to find the right tab when you have dozens open at once.

Mindmap

mindmap
  root((repo))
    What it does
      Recolors tab icons
      Color per website
      Easier tab spotting
    Use cases
      Many open tabs
      Separating environments
      Quick tab finding
    Tech stack
      TypeScript
      Browser extension
    Audience
      Heavy tab users
      Researchers
      Project managers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Color-code tabs from different clients to tell them apart instantly.

REASON 2

Visually separate internal company tool tabs from public websites.

REASON 3

Distinguish development, staging, and production environment tabs by color.

What's in the stack?

TypeScript

How it stacks up

motemen/chrome-flavoured-favicon0xbebis/hyperpayalfredxw/nova
Stars141414
LanguageTypeScriptTypeScriptTypeScript
Last pushed2014-05-10
MaintenanceDormant
Setup difficultyeasyhardmoderate
Complexity2/55/53/5
Audiencegeneraldeveloperwriter

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Requires loading the extension as unpacked in Chrome developer mode.

The explanation does not mention what license this project uses, so it is unclear what permissions you have.

Wtf does this do

chrome-flavoured-favicon is a browser extension that recolors the little icons on your browser tabs based on which website they belong to. If you keep many tabs open at once, this makes it easier to tell them apart at a glance. When you open a website, the extension looks at the web address and assigns it a specific color. It then applies that color to the site's favicon, which is the small image normally displayed on the tab. Instead of seeing a row of tiny, multi-colored logos, you see a consistent set of color-coded blocks that help you quickly spot the tab you need. This tool is useful for people who regularly work with dozens of tabs open, such as researchers comparing different sources, project managers checking various dashboards, or developers monitoring multiple environments. For example, all tabs from your company's internal tools could show up in one color, while tabs from a specific client's site appear in another, saving you from scanning small text to find the right tab. The project is built with TypeScript, which is a way of writing JavaScript code that helps catch errors early. The README does not go into further detail about how the color rules are configured or whether you can customize the color assignments yourself, so it is unclear how much control users have over the final look.

Yoink these prompts

Prompt 1
Help me install the chrome-flavoured-favicon extension locally from source and load it into Chrome as an unpacked extension.
Prompt 2
How can I modify the color assignment rules in chrome-flavoured-favicon so that all tabs from a specific domain get a custom color?
Prompt 3
Explain how the chrome-flavoured-favicon extension decides which color to apply to a website's favicon based on its URL.

Frequently asked questions

wtf is chrome-flavoured-favicon?

A browser extension that color-codes your tab icons based on the website, making it easier to find the right tab when you have dozens open at once.

What language is chrome-flavoured-favicon written in?

Mainly TypeScript. The stack also includes TypeScript.

Is chrome-flavoured-favicon actively maintained?

Dormant — no commits in 2+ years (last push 2014-05-10).

What license does chrome-flavoured-favicon use?

The explanation does not mention what license this project uses, so it is unclear what permissions you have.

How hard is chrome-flavoured-favicon to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is chrome-flavoured-favicon for?

Mainly general.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.