Dark Mode for Docsdocs · sheets · slides
Chrome に追加 — 無料Chrome Firefox に追加Firefox
解説

ダークモード拡張機能がGoogle ドキュメントを壊す理由

汎用ダークモード拡張機能はページ上のすべてを反転します — 写真・グラフ・セルの色も含めて。その技術的理由と、代わりに使える方法を解説します。

ダークモード拡張機能がGoogle ドキュメントを壊す理由

ダークモード拡張機能をインストールしてGoogle ドキュメントを開く — するとすべての写真がネガになり、すべてのグラフの色が入れ替わります。不運ではありません:汎用インバーターとはそういう仕組みで、簡単には直せません。

結論:汎用ダークモード拡張機能はページ全体に色反転を適用します。「ページの白い背景」と「写真の中の白」を区別できないため、インターフェースと一緒にコンテンツも反転します。専用拡張機能はエディタのUIだけをスタイリングし、ドキュメントのコンテンツには触れません。

汎用ダークモード拡張機能の仕組み

ほぼすべてが同じトリックを使います:ページ全体に filter: invert(100%) hue-rotate(180deg) を適用(または検出した全要素を再配色する「ダイナミック」版)。これが「どのサイトでも動く」理由であり、ドキュメントエディタ内で壊れる正確な理由でもあります。

Google ドキュメント内で壊れるもの

  • 写真とスクリーンショットがカラーネガとして描画される
  • グラフの系列色が入れ替わる — 赤がシアンに
  • セルの色と条件付き書式がSheetsで意味を失う
  • ハイライト色とカラーピッカーが反転したスウォッチを表示 — あなたは黄色を選び、共同編集者には青が見える
  • コメントと提案の色がずれ、レビューワークフローが混乱する

なぜ単純に「修正」できないのか

フィルターは意味ではなくピクセルと計算された色に作用します。ページ全体のインバーターがどの要素が「ドキュメントのコンテンツ」かを確実に知る方法はありません — GoogleはDocsを深くネストされたDOM(Slidesではcanvas)として描画し、マークアップは常に変化し、画像要素は他の要素と見分けがつきません。要素ごとの例外リストは本質的に脆弱です:パッチ待ちのバグではなく、構造的な限界です。ダークモード拡張機能のレビューで最も多い不満でもあります — ドキュメント内の反転した画像。

専用拡張機能の違い

Dark Mode for Docs は何も反転しません。エディタのインターフェース向けに手書きのダークスタイルを提供します — ツールバー、メニュー、サイドバー、コメント、フィルムストリップ — コンテンツ領域には一切触れません:

汎用インバーターDark Mode for Docs
仕組みページの全色を反転UI要素のみを対象
ドキュメント内の画像ネガ本来の色
グラフとセルの色入れ替わり正確
カラーピッカー反転スウォッチ忠実
範囲すべてのサイトdocs.google.com のみ

多くの人がたどり着く構成

  1. 汎用ダークモードは他のWeb用に残す。
  2. サイトリストで docs.google.com を除外する。
  3. Googleエディタ用に専用拡張機能を追加する。

最大の汎用ツールについてさらに:Dark Reader vs. 専用代替案 →

ダークUI、本来の色。
Chrome ウェブストアと Firefox アドオンで無料 — Docs、Sheets、Slides。

Chrome に追加 — 無料 Firefox に追加 — 無料

FAQ

よくある質問

なぜ画像がネガになるのですか?
汎用拡張機能はページ全体にCSS反転フィルターを適用します — ドキュメントの写真とインターフェースを区別できないため、コンテンツの色まで反転してしまいます。
ではDark Readerは悪い拡張機能ですか?
いいえ — 一般的なWebには優秀です。Google ドキュメントにはページ全体の反転が単に不向きなだけ。レビューで報告される既知の制限です。
他のサイトでは汎用ダークモードを使い続けられますか?
はい — 一般的な構成は、docs.google.com を除外した汎用インバーター+Googleエディタ専用の拡張機能です。
反転は実際のドキュメントを変えますか?
いいえ — 画面だけの話です。ただし拡張機能のない共同編集者には本来の色が見えるため、信用できない色を編集することになります。

無料 · プライバシー · ワンクリック

Google が用意しなかったダークモードを、あなたの目に。

Docs、Sheets、Slides — 10秒でダークに。

Chrome に追加 — 無料Firefox に追加 — 無料です

Chrome ウェブストアと Firefox アドオンで無料 · Chrome・Firefox・Edge・Brave で動作