☰

Webtoons Dark Mode

Scoped dark theme for Webtoons (desktop + mobile) — comic panels render untouched. Elevated viewer card, accent-green active nav, WCAG-tuned contrast, optional reader dim. OS preference on first install; persistent toggle (Alt+Shift+T).

Cómo instalar

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Tendrás que instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Tendrás que instalar una extensión como Tampermonkey antes de poder instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Cómo instalar

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

Autor
hervad
Instalaciones diarias
0
Instalaciones totales
0
Calificaciones
0 0 0
Versión
1.2.4
Creado
13/5/2026
Actualizado
13/5/2026
Tamaño
142 KB
Licencia
MIT
Funciona en

A targeted dark theme for webtoons.com and m.webtoons.com. No global filter: invert() — comic panels render exactly as the artist intended. The theme is built from a small CSS-variable palette and applies only to the site's own chrome: header, sub-nav, cards, episode lists, the viewer, the carousel, comments, footer, popups, and inputs.

Features

  • Viewer panel strip rendered as one elevated card (rounded corners, hairline outline, soft halo on all sides) — a single container box-shadow, so there are no per-image seams.
  • Three-level elevation across homepage, series detail, /canvas, /genre, and /rankings: page → section card → comic card, plus per-card depth shadows and a :hover darken so title overlays stay readable.
  • Active nav (GNB + sub-nav day-of-week / genre tabs) rendered in accent green at the base font size — no shrink-on-active.
  • Carousel arrows centered SVG chevrons with a green hover tint and subtle glow.
  • Reader dim (Alt+Shift+N) lowers comic-panel brightness for late-night reading without touching the rest of the page.
  • OS preference on first install — follows prefers-color-scheme: dark. Once you toggle manually, your choice persists via GM_setValue and OS changes are ignored.
  • Keyboard: Alt+Shift+T (theme) / Alt+Shift+N (reader dim). Backup combos Ctrl+Alt+D and Ctrl+Alt+Shift+D for keyboard-layout setups where Alt+Shift is taken.
  • Tampermonkey/Violentmonkey menu commands also exposed.
  • WCAG-aware contrast: body text 14:1, dim text 9.1:1, accent 9:1, borders 3:1.
  • :focus-visible ring on every interactive control (the base site ships none).
  • SPA-safe: a <head> MutationObserver re-injects the style if Webtoons swaps stylesheets, and a generation-token retry loop runs page-specific tweaks after pushState / popstate navigations. No requestAnimationFrame loops, no scroll handlers.

Permissions

GM_getValue, GM_setValue, GM_registerMenuCommand — used for persistence and the menu only. No network requests, no external scripts.

Source / issues

GitHub: https://github.com/hervad/webtoons-dark-mode Bug reports welcome — include the page URL and the offending element's class/ID.

License

MIT.