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

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

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

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

作者のサイトでサポートを受ける。または、このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
hervad
1日のインストール数
0
累計インストール数
0
評価
0 0 0
バージョン
1.2.4
作成日
2026/05/13
更新日
2026/05/13
大きさ
142KB
ライセンス
MIT
対象サイト

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.