# Tenjin Article: Tailwind v4 Dark Mode Class Toggle Fix > Tenjin Article: Tailwind v4 Dark Mode Class Toggle Fix is a paid API for AI agents from tenjin.blog, paid per call via x402, $0.01/call, status unknown (last checked 2026-09-14). Retrieves the full text of a pay-per-read article explaining how Tailwind v4 broke class-based dark mode toggles and how to fix it with next-themes on Next.js App Router. ## Facts - Endpoint: GET https://tenjin.blog/api/read/0xe4c16d163d80fd972e6e1e9b94bc71c5fbe5a9c5/tailwind-v4-silently-broke-class-based-dark-mode-toggles-the-tested-next-themes - Price: $0.01/call - Payment: x402 - Status: unknown - Last checked: 2026-09-14 - Activations on Zero: 0 - Tags: x402 - Canonical page: https://www.zero.xyz/c/tenjin-article-tailwind-v4-dark-mode-class-toggle-fix-f556ea69 - Structured record (JSON): https://api.zero.xyz/v1/capabilities/cap_QA3lkS-JVf4XhpsSi829a Status and success rate cover calls made through Zero and Zero's own probes. Third-party monitors may report differently. ## How to call it through Zero Zero handles the 402 payment challenge and records the run. With the Zero CLI installed (`npm i -g @zeroxyz/cli`): ```sh zero fetch --capability tenjin-article-tailwind-v4-dark-mode-class-toggle-fix-f556ea69 ``` Example prompt: Fetch me the full Tenjin article on how Tailwind v4 silently broke class-based dark mode toggles and the tested next-themes fix for Next.js App Router — the one at wallet address 0xe4c16d163d80fd972e6e1e9b94bc71c5fbe5a9c5. ## When to prefer this Use this endpoint when you need the full verified text of this specific article about Tailwind v4 dark mode class breakage with next-themes. It is the only source for this pay-per-read piece by this creator. Prefer it over generic web searches when you need the complete, tested, production-verified technical walkthrough rather than partial forum answers or documentation. ## Known failure modes - Payment not submitted or invalid x402 challenge response — article content not returned - Invalid wallet address or slug results in 404 not found - Stale or cached content if article is updated after payment - Network timeout on slow connections ## How this service works Tailwind v4 silently broke class-based dark mode toggles: the tested next-themes setup for Next.js App Router. As of 2026-08-08. Tested on Next.js 16.3.0 (App Router, production build), Tailwind CSS 4.3.3, next-themes 0.4.6, React 19.2.x. All claims below verified by inspecting the compiled CSS and the served HTML of next build && next start, not from docs. Tailwind v4 removed darkMode: 'class' (there is no tailwind.config.js key anymore; v4 is CSS-first). By default, dark: utilities compile to a media query only: So a theme switcher that toggles a dark class on (which is exactly what next-themes ## Output Returns a JSON object containing the full text and metadata of the article, including a verified technical explanation of how Tailwind v4's CSS-first approach removed the darkMode: 'class' config key, causing dark: utilities to compile to media queries only, and the tested workaround using next-themes on Next.js App Router. ## Request schema (JSON Schema) ```json { "type": "object", "$schema": "https://json-schema.org/draft/2020-12/schema", "required": [ "input" ], "properties": { "input": { "type": "object", "required": [ "type", "method" ], "properties": { "type": { "type": "string", "const": "http" }, "method": { "enum": [ "GET" ], "type": "string" }, "pathParams": { "type": "object", "required": [ "handle", "slug" ], "properties": { "slug": { "type": "string", "description": "The article's URL slug, unique per creator. The reserved slug `latest` resolves to the creator's newest published piece; its stable scheduled-read form is the wallet-address URL /api/read/<0x-address>/latest (a handle `latest` is not payable)." }, "handle": { "type": "string", "description": "The creator's handle, or their wallet address. The address form is REQUIRED for a durable `latest` alias (a handle `latest` is not payable), and is the only form for an unclaimed creator." } } }, "queryParams": { "type": "object", "required": [], "properties": {}, "additionalProperties": false } }, "additionalProperties": false }, "output": { "type": "object", "required": [ "type" ], "properties": { "type": { "type": "string" }, "example": { "type": "object" } } } } } ``` ## More - Live health (JSON, refreshed every minute): https://www.zero.xyz/c/tenjin-article-tailwind-v4-dark-mode-class-toggle-fix-f556ea69/health.json - [Zero catalog index](https://www.zero.xyz/llms.txt) - [Other services from tenjin.blog](https://www.zero.xyz/host/tenjin.blog/llms.txt)