Build a Global Site Recolor Extension

Nex Accent is a professional-grade Chrome Extension (Manifest V3) that acts like Dark Reader, but for custom accent colors. It provides a complete, production-ready codebase for dynamically recoloring every website a user visits using a single hex code. Instead of starting from scratch, this skill delivers the full source code for a "content-rewriter" extension that handles the complex math and CSS overrides required to theme the web.

Advanced Color Engineering

The skill features a sophisticated HSL math engine that generates a unified palette—including hover states, active states, borders, and muted tones—from one input color. It solves the "style specificity" problem by injecting high-priority stylesheets at document_start, ensuring your custom theme overrides heavy frameworks like Tailwind, Bootstrap, and Material UI without flickering.

No-Build Workflow

This is a vanilla JS/HTML/CSS implementation. There are no heavy dependencies, no npm install, and no bundler required. You get a raw, performant dev loop: edit the code, click refresh in Chrome, and see the results instantly.

• Manifest V3 compliant (Service Workers, Scripting API).
• Per-domain settings with local storage persistence.
• Custom CSS escape hatch for power users.
• High-specificity selector engine for global compatibility.
• Complete assets: icons, popups, and settings pages.