VKT Toolkit · 2026年8月28日 · 約8分

ダークリーダーなしで、夜のすべてのウェブサイトを読みやすくした方法

正直に白状します。ダークリーダーが嫌いなんです。

アイデア自体は素晴らしい。夜にウェブサイトを読みやすくすべきなのは間違いない。でも実装は？　どのページも真っ黒なブロックになり、画像は写真のネガみたいに反転する。Wikipediaは洞窟になり、GitHubは1985年のターミナルみたいになる。ニュースサイトはヘッダーもサイドバーもフッターも全部同じダークスープに溶け合って、視覚的な階層が完全に消える。

2週間試してみた。何度もオンとオフを繰り返した — 読書のときはオン、何か視覚的なものは見るときはオフ、目が burning し始めたらまたオン。トグルが nervous habit のようになった。そのとき気づいたんです。欲しいのはダークモードじゃない。快適モードなんだ。

この2つは全く違うものです。

「快適」って具体的にどういうことか

夜に何が気になってるか考えてみると、問題は白い背景そのものじゃなかった。そうじゃなくて：

• コントラストの急激な変化 — 暗い部屋から明るい画面に飛び出すのは jarring。瞳孔が追いつかない。
• 文字サイズ — ほとんどのウェブサイトは本文に14〜16pxを使っている。昼間は問題ない。夜、目が疲れてると結局細目になってしまう。
• 冷たい白 — 夜11時に純白（#FFFFFF）の画面を見るのは懐中電灯を覗き込んでるようなもの。暖色系のティントだけで劇的に変わる。
• 全部同じにされる問題 — Wikipediaは暖色で読みやすくしたい。コードエディタはダークにしたい。ニュースサイトはほんのりグリーンにしたい。ダークリーダーは全部に同じ黒いペンキを塗る。

だから、これらをサイトごとに独立して制御できるものを探した。ダークモードのスイッチじゃなくて、スタイルコントロールパネルが欲しかった。

見つけたのは：VKT StylePatch

正直、最初はスルーしようとした。Chrome ウェブストアには「ウェブサイトの背景を変更」系の拡張機能が溢れてて、そのほとんどは見栄えが悪い、侵入的、あるいはその両方だった。でもStylePatchが目に留まったのは3つの理由があって：

1. サイト別設定。Redditをウォームトーン、Stack Overflowをダーク、銀行サイトはそのまま — という風に、各サイトが独自のスタイルを持てる。自動保存。
2. ちゃんと使えるプリセットテーマ。「ウォームトーン」プリセットがまさに欲しかったもの — 柔らかいセピアの背景（#F5E6D0）にダークテキスト。黒でも白でもなく、ただ…快適。あと「グリーン」プリセットも、長時間の読書セッションで意外と pleasant。
3. フォントサイズ制御。サイトごとに80%〜150%にズームできる。Wikipediaを120%＋ウォームトーンにすると、夜の読書が本当に気持ちいい。

そしてこれが決定的に重要：画像には一切触れない。ダークリーダーは写真や図表を反転させるが、それはもう patience の限界。StylePatchはCSSだけを変更 — 背景、テキスト、リンク、フォント。画像はそのまま。

僕の夜間セットアップ（真似してOK）

毎晩9時ごろ、「仕事モード」から「カジュアルブラウジングモード」に切り替えるときに使ってる設定：

各サイトが設定を記憶する。毎回やり直す必要がない。夜11時にWikipediaを開けば、もうウォーム。GitHubを開けばそのまま。拡張機能が…知ってる。

ダークリーダーのほうが優れている点（公平に言うと）

ダークリーダーを dis しに来たわけじゃない。本当に上手にやってることがある：

• 完全自動。インストールするだけで全サイトがダークになる。設定不要。「セット＆フォゲット」ならダークリーダーの勝ち。
• オープンソース。コードを監査できる。信頼の面では重要。
• 動的コンテンツへの対応がいい。初期レンダリング後にコンテンツを読み込むシングルページアプリでも、正しくスタイルが適用される。

でも僕にとって、トレードオフが割に合わない。反転した画像、失われる視覚階層、サイト別のカスタマイズができない — 大槌が必要なときに大槌を渡されるようなもの。僕に必要なのはメスだった。

サイト別設定がすべてを変える

これが僕を惹き込んだ機能で、試すまで自分がそれに気づかない人が多いので説明する価値がある。

考えてみてほしい。毎日何十ものウェブサイトを訪れる。コントラストがひどいサイトもある。問題ないサイトもある。ダークにしたいサイトもある。ウォームにしたいサイトもある。もともと見栄えがいいからそのままにしておきたいサイトもある。

グローバルダークモード拡張機能は、それらを全部同じように扱う。それは部屋の中でサングラスをかけるようなもの — グレアは減るけど、レストランのメニューも見えなくなる。

サイト別設定があれば、各ウェブサイトが必要なものをちょうどもらえる。そして設定は永続する — 一度Wikipediaを好みに合わせれば、それがずっと維持される。再設定なし。トグルのオンオフなし。ただ動く。

プライバシーの話（ちゃんと確認したから）

拡張機能については偏執的なんです。訪問するすべてのウェブページを変更する拡張機能は、 uniquely 強力な立場にある — 理論上、すべてのページのすべてを読み取れる。

だから確認した。StylePatchの権限は意図的に絞られている：

• storage — 色とフォントの設定をローカルに保存。標準的。
• host_permissions — ページにCSSを注入するために使用。拡張機能が動作するために必要。重要なのは、DOMテキスト、画像、フォームデータ、Cookieは読み取らないということ。ページの見た目を変えることはできるが、内容を読むことはできない。

閲覧履歴へのアクセスなし。アナリティクスなし。コア機能のネットワークリクエストなし。設定はデバイスに留まる。データがブラウザの外に出るのは、バックアップファイルを手動で書き出すときだけ。

スタイル拡張機能に最低限必要なのはそれだけで、StylePatchが求めるのもそれだけ。それ以上でも以下でもない。

変えられるなら変えたいところ

誰かに書いてくれと頼まれたわけじゃない（やあ、 nobody）から、正直に改善してほしいところを書く：

• 無料プランは5サイトまで。3日で上限に達した。生涯ライセンスは$9.99で妥当だけど、無料の上限が10サイトならもっと嬉しい。
• スケジュールテーマがない。日没時に自動でウォームトーンに切り替わったら最高。今はアイコンをクリックして手動で適用する必要がある。致命的じゃないけど、あったら nice。
• 本当に良いダークプリセットがない。「ダーク」プリセットはあるけど基本的。ちゃんとしたダークモードが欲しいなら、ダークリーダーや Midnight Lizard のほうがまだ上手。StylePatchの強みはウォーム／グリーン／カスタムの領域であって、ダークモードじゃない。

これらはフィーチャーリクエストであって、不満じゃない。コア体験 — サイト別、ウォームトーン、快適な読書 — はまさに望み通りに動く。

実際に試してみて

ダークリーダーに frustrate されてる人も — あるいはページスタイリングツールを使ったことがなくて、ただ夜の目の痛みを減らしたいだけの人も — 試してみて。インストールに30秒、最初のサイトのセットアップにさらに30秒。

最もよく訪問するサイトにウォームトーンプリセットから始めてみて。感触を見て。気に入ったらそこからカスタマイズ。合わなければ、一クリックで全部リセットできる。

ガイドはVKT ブログに更多くあります。ご質問は [email protected] まで。