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.
Built by Nex AI. More skills and info at nex-ai.be and slopsome.com.