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, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

작성자
hervad
일일 설치 수
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.