この記事では、パソコンでNote(ノート)をダークモードにする方法を紹介します。
Noteは公式上、Web版はダークモードに対応していません（スマホ向けアプリは対応）。
本記事の方法を使えば、PCのWeb版Noteをダークモードに対応させて、黒基調のデザインに変化できますよ。
ダークモードを適用したNote
関連記事 Mac版SafariでNoteをダークモードにする方法
Dark Reader – Noteにダークテーマを強制適用する方法
Dark Readerという拡張機能をインストールしてください（各主要ブラウザで提供されてます）。
さっそくNote（https://note.com/）にアクセスしてみましょう。
背景がすべて黒になっています。
ダークモードを適用したNote
拡張機能のメニューより、設定変更できます。
①拡張機能を開く → ②Dark Readerを選択
設定は、主に4つあります。
- 切り替えを自動化する
- 明るさ等を調整する
- 特定サイトのみ適用or対象外とする
- その他
▼切り替えを自動化する
Dark Readerのオン/オフを自動化できます。
例えば システムの色のモードに従う を有効にすれば、Windows/Mac標準のダークモードと連動して切り替え可能です。
赤枠から設定する
Windowsの例。設定の「個人用設定」→「モードを選ぶ」で、ダークモードへ切り替えできる。
Macの例。システム設定の「外観」→「外観モード」で、ダークモードへ切り替えできる。
▼明るさ等を調整する
ダークモード中の輝度やコントラスト、セピア、グレースケールを調整できます。
赤枠のスライダを左右に動かす
▼特定サイトのみ適用or対象外とする
あるサイトだけ設定を変えたい場合、サイトリストが便利です。
| サイトリスト | 意味 |
|---|---|
| ホワイトリスト | 入力したサイトのみ ダークモードを適用する |
| ブラックリスト | 入力したサイトは ダークモードを対象外とする |
ホワイトリストを設定した例
ホワイトリストにあるYahooトップページは、ダークモードが適用される例
▼その他
ダークモード中の文字フォント・縁取りなど、調整できます。
赤枠で設定できる
〆：Noteをダークモードへ切り替えよう!
以上、パソコンでNoteをダークモードにする方法! PCでWeb版ノートの背景色を黒くしよう の説明でした。
WindowsやMacの標準機能としてダークモードは存在しますが、Noteのようにサイト側で個別対応していないかぎり、従来の明るい背景のまま表示される仕様となっています。
そこで今回紹介したDark Readerを使えば、強制的に黒基調のデザインに変化できるので、夜間にブラウジングする機会が多いならオススメです。
Note以外にも、たとえば以下サイトは、通常ダークモードに対応していませんが、強制適用できますよ。
- 食べログ（https://tabelog.com/）
- 価格.com（https://kakaku.com/）
- Yahoo!知恵袋（https://chiebukuro.yahoo.co.jp/）
- アメーバブログ（https://ameblo.jp/）
お試しあれ。
コメント