---
title: Dark Readerをサイト側の設定で無効化する方法
url: https://roboin.io/article/2026/09/16/disable-dark-reader-with-site-settings/
description: Dark
ReaderはあらゆるWebページをダークモードにしてくれる便利な拡張機能ですが、すでにダークモードに対応しているWebサイトに対しても無理にダークモードにしようとしてしまい、外観が不自然になることがあります。ユーザー側の対策としてはそのサイトでDark
Readerを無効化できますが、実はサイト管理者側でもDark Readerを無効化できます。
publishedDate: 2026-09-16T09:00:20.164Z
modifiedDate: 2026-09-16T09:00:20.164Z
thumbnail: https://roboin.io/api/og/2026/09/16/disable-dark-reader-with-site-settings/
thumbnailAlt: 記事のサムネイル画像
thumbnailCaption: N/A
---
# Dark Readerをサイト側の設定で無効化する方法
Dark ReaderはあらゆるWebページをダークモードにしてくれる便利な拡張機能ですが、すでにダークモードに対応しているWebサイトに対しても無理にダークモードにしようとしてしまい、外観が不自然になることがあります。
ユーザー側の対策としてはそのサイトでDark Readerを無効化できますが、実はサイト管理者側でもDark Readerを無効化できます。
## サイト側でDark Readerを無効化する方法
サイト側でDark Readerを無効にする方法は、[Dark ReaderのGitHubリポジトリーのCONTRIBUTING.md](https://github.com/darkreader/darkreader/blob/main/CONTRIBUTING.md)に記載されています。
それによれば、``タグに`darkreader-lock`メタタグを追加することでDark Readerを無効化できます。
```html
```
JavaScriptを使用して動的にタグを追加することもできます。
```typescript
const lock = document.createElement("meta");
lock.name = "darkreader-lock";
document.head.appendChild(lock);
```
また、OSの設定によらずに常にダークモードで表示されるサイトなど、[いくつかの条件](https://github.com/darkreader/darkreader/blob/main/CONTRIBUTING.md#adding-a-website-that-is-already-dark)を満たしている場合は、Dark Reader側の除外リストに追加するプルリクエストを提出できるようです。
## Verification details and sources
### Verification environment
- OS：Windows 11
- ブラウザー：Zen Browserバージョン1.22.1b
- Dark Reader：4.9.131
### Verification details
自身のブログに``を追加し、Dark Readerが自動的に無効化されることを確認
### Last verification date
2026-09-16T09:00:00.000Z
### Reference links
- [Dark ReaderのGitHubリポジトリー](https://github.com/darkreader/darkreader)