whatisgithub

What 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

In one sentence

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

What do people build with it?

USE CASE 1

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

USE CASE 2

Visually separate internal company tool tabs from public websites.

USE CASE 3

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

What is it built with?

TypeScript

How does it compare?

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 get it running?

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.

So what is it?

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.

Copy-paste 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

What 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.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.