DevTheme Tester - Native Light and Dark Mode Toggle

Name: DevTheme Tester - Native Light and Dark Mode Toggle
Rating: 5 (1 reviews)
Author: enrico.hochkoeppler

Developer utility to force-test Light/Dark native CSS media queries via Debugger API.

As of June 2026, DevTheme Tester - Native Light and Dark Mode Toggle has 63 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.

enrico.hochkoeppler Developer Tools

Chrome Web Store ↗.crx

Users+40.0%

Rating0%

5.00

1 reviews

Reviews0%

Version

1.0

Manifest V3

History

7 snapshots

Tracking since Apr 6, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 6, 2026	45	5.00	1	1.0
Apr 18, 2026	46	5.00	1	1.0
Apr 23, 2026	48	5.00	1	1.0
May 11, 2026	53	5.00	1	1.0
May 20, 2026	50	5.00	1	1.0
May 30, 2026	58	5.00	1	1.0
Jun 7, 2026	61	5.00	1	1.0
Now	63	5.00	1	1.0

Permissions & access

Permissions: debuggeractiveTab
Host access: None declared

Screenshots

DevTheme Tester - Native Light and Dark Mode Toggle screenshot 1

About

The high-precision tool for web developers to test Dark and Light mode themes instantly, regardless of site security policies.

Are you tired of digging through Chrome DevTools' deep "Rendering" menu just to toggle prefers-color-scheme? Do other dark mode extensions fail on your local development sites because of strict Content Security Policies (CSP)?

DevTheme Tester is a minimalist, open-source utility designed specifically for the modern web development workflow. It provides a one-click solution to force-test your CSS media queries using the high-level Chrome DevTools Protocol (CDP).

Why DevTheme Tester?
Most "Dark Mode" extensions work by injecting custom CSS or running scripts on the page. While fine for general users, these methods are unreliable for developers because:

They don't trigger actual CSS @media (prefers-color-scheme) queries.

They are often blocked by Content Security Policy (CSP) headers on secure sites.

They "pollute" the DOM, making it hard to debug your actual code.

DevTheme Tester operates at the browser level using the Debugger API. It tells the rendering engine to act as if the system theme has changed, ensuring 100% accuracy for your native styles.

Key Features:
Instant Toggle: Switch between "System Default," "Force Light," and "Force Dark" in one click.

Full CSP Bypass: Works on GitHub, banking sites, and local environments where script injection is blocked.

Zero Persistence: No settings are saved to your browser storage. It resets to "System" when you close the tab or toggle back, preventing "theme ghosting" during regular browsing.

Privacy-First: No tracking, no data collection, and no "home-calling."

Open Source Transparency: We believe developer tools should be "Glass Boxes." The source code is fully available for audit on GitHub.

How to Use:
Open the website or local app you are developing.

Click the DevTheme Tester icon in your toolbar.

Select your target theme.

Observe your site's native response to color-scheme media queries.

Note on the "Debugging" Bar:
Because this extension uses the high-level Debugger API to bypass site security, Chrome will display a notification bar ("DevTheme Tester started debugging this browser"). This is a native security feature. Simply leave it open while testing; closing the bar will detach the debugger and reset the theme.

Technical Specs:
Engine: Manifest V3

API: chrome.debugger (Emulation.setEmulatedMedia)

Permissions: debugger, activeTab

Source Code: https://github.com/hochenri/native-theme-switcher-extension

Stop fighting with your OS settings. Start testing your themes accurately.