☰

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

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

Yazar
hervad
Günlük kurulumlar
0
Toplam kurulumlar
0
Değerlendirmeler
0 0 0
Versiyon
1.2.4
Oluşturulma
13.05.2026
Güncellenme
13.05.2026
Boyut
142 KB
Lisans
MIT
Geçerli

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.