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).

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Author
hervad
Daily installs
0
Total installs
0
Ratings
0 0 0
Version
1.2.4
Created
2026-05-13
Updated
2026-05-13
Size
142 KB
License
MIT
Applies to

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.