OVERVIEW

NoirShade is a Chrome Extension designed to provide a reliable and lightweight dark-mode browsing experience through adaptive webpage transformations.

The project began as a personal challenge and evolved into a publicly distributed software product available on the Chrome Web Store. While numerous dark mode extensions already existed, many gradually became increasingly feature-heavy, introducing complexity that often distracted from their primary purpose: making web content more comfortable to consume.

NoirShade was built around a different philosophy. Instead of continuously expanding functionality, the focus remained on delivering a predictable, stable, and user-friendly dark mode experience while preserving website readability and structure.

Over time, the product evolved through multiple technical approaches, beginning with color inversion techniques, progressing through CSS-based transformations, and ultimately adopting a hybrid DOM and CSS architecture. The extension also underwent a complete migration from Manifest V2 to Manifest V3, requiring significant architectural adjustments to remain compliant with evolving browser standards.

Today, NoirShade is publicly deployed, actively maintained, and used by hundreds of users across the Chrome ecosystem.

THE PROBLEM

Dark mode extensions are not a new concept. In fact, there are already several well-established solutions available for modern browsers.

However, while evaluating and using these products over time, I noticed a recurring pattern. Many extensions gradually expanded beyond their original purpose by introducing increasing levels of customization, controls, and additional functionality.

Although these features may benefit specific users, they often came at the cost of simplicity, usability, and consistency.

My experience as a user revealed three common issues:

Feature Bloat

Several products continuously expanded their feature set. Over time, interfaces became increasingly crowded, requiring users to navigate multiple settings and configuration options for what should fundamentally be a simple task.

Inconsistent User Experience

Different websites behaved differently under the same extension. Some websites rendered well, while others suffered from readability issues, visual artifacts, or broken layouts.

Complexity Over Utility

A casual user browsing the web does not want to spend time learning an extension. They typically want to install it, enable it, and continue browsing without interruption.

This observation became the foundation of NoirShade.

Instead of attempting to solve every possible accessibility or customization problem within a single product, NoirShade was designed around a simpler philosophy:

Deliver a reliable dark mode experience that focuses on readability, predictability, and ease of use while avoiding unnecessary complexity.