Notionはすべてのプラットフォームでダークテーマを備えています。切り替えはキー1つ、戻すのも同じキー1つです。
すぐに切り替える方法
WindowsではCtrl + Shift + L、MacではCmd + Shift + Lでライトモードとダークモードが入れ替わります。常にダークモードで開くなら、設定 → 環境設定を開き、表示設定をダークモードに変更してください。
Notionのダークモードとは
Notionのダークモードは、アカウント単位で適用されるインターフェースのテーマです。ページの背景・サイドバー・メニュー・ブロックが暗い配色に変わり、本文の文字は明るいオフホワイトになります。
設定はアプリ全体に効きます。特定のページだけライトモードのまま残しておくことはできません。
この選択は端末ではなくアカウントに保存されます。ダークモードにすれば、サインインするすべてのワークスペースが同じ見た目になります。
デスクトップ（Mac／Windows／Web）でNotionのダークモードを有効にする方法
1. 設定を開く
左サイドバー上部のワークスペース名の横にある下向き矢印を選択し、設定に進みます。macOS・Windows・ブラウザ版で同じ画面です。
2. ダークモードを選択する
環境設定を開き、表示設定のドロップダウンからダークモードを選びます。ほかの選択肢はライトモードと、OS側に判断を任せるシステム設定を使用するです。
保存操作は不要で、画面はその場で切り替わります。
モバイル（iOS／Android）でNotionのダークモードを有効にする方法
1. 設定メニューを開く
サイドバー上部の隅にある**•••をタップし、続けて設定**をタップします。
2. ダークモードを選択する
表示設定のセクションまでスクロールし、ドロップダウンを開いてダークモードを選びます。
スマートフォンで切り替えると、パソコン側の表示も同じテーマになります。
Notionのダークモードを解除する方法
戻すときの操作も同じ2つです。
- キーボード： WindowsはCtrl + Shift + L、MacはCmd + Shift + Lです。押すたびに入れ替わります。
- 設定画面： 設定 → 環境設定 → 表示設定を開き、ライトモードを選びます。モバイルアプリは設定 → 表示設定です。
時間帯に合わせたい場合はシステム設定を使用するを選んでください。Notion側にスケジュール機能はないため、自動化の手段はこれだけです。
ダークモードにしたはずなのに毎回ライトモードで開く場合は、表示設定がシステム設定を使用するのままで、OS側がライトモードになっています。ダークモードに変えれば固定され、設定はアカウントに残るので再起動後も別の端末でも維持されます。
Notionでハイコントラストモードを有効にする方法
Notionの環境設定には、表示設定と並んでもう1つ見た目を調整する項目があります。ハイコントラストモードです。ライトモード・ダークモードのどちらとも併用でき、Notionは「文字・アイコン・枠線のコントラストを高め、視認性を向上させる」機能だと説明しています。
- 設定 → 環境設定を開きます。表示設定と同じパネルです。
- ハイコントラストの項目の横にあるドロップダウンを開きます。
- コントラストを上げるならHigh contrastを選びます。既定はStandardで、Use system settingを選ぶと端末側のコントラスト設定に追従します。
使い始める前に押さえておきたい制約が2つあります。1つは対応範囲です。提供はデスクトップ版とWeb版のみで、スマートフォンのアプリは標準のコントラストのままになります。
もう1つは保存先です。この設定はアカウントではなく端末ごとに保存されるため、職場のパソコンで有効にしても自宅のノートパソコンには引き継がれません。表示設定はその逆でアカウントに保存されます。すべての端末をダークモードにしていても、ハイコントラストが効いているのは1台だけ、ということが起こります。
Notion カレンダーでダークモードを有効にする方法
Notion カレンダーはNotion本体とは別のアプリで、テーマ設定も独立しています。Notionを暗くしてもカレンダー側は明るいままです。
- Notion カレンダーを開き、プロフィール写真から設定を選びます。モバイルアプリはメニューアイコンから歯車アイコンです。
- 一般タブに移動します。
- テーマをダークモードに設定します。
残りの選択肢は、OSの設定に合わせる自動とライトモードです。
Notion カレンダーはGoogle・Outlook・iCloudの予定をNotionのページと並べて表示できますが、できるのは表示までです。その予定はNotionデータベースの行にならないため、フィルターで絞り込むことも、プロジェクトとリレーションでつなぐこともできません。
予定を編集できるNotionのレコードとして取り込み、Notion側の変更を元のカレンダーへ書き戻すのが2syncの双方向同期です。Google カレンダー連携やOutlook カレンダー連携から設定でき、TodoistやGmailも同じ仕組みです。役割の違いはNotion カレンダーと2syncの比較で整理しています。
Web公開したNotionページにもダークモードは適用される？
自動では適用されません。Web公開したページには、アカウントの表示設定とは別に、そのページ専用のテーマ設定があります。
切り替えるには、公開したページ上部の共有からWeb公開 → サイトのカスタマイズを開き、テーマでシステム・ライト・ダークのいずれかを選びます。最後に画面上部の変更を公開をクリックすると反映されます。
なお、サイトのカスタマイズは有料プラン限定の機能です。無料プランのワークスペースは、この設定を使わずにページを公開することになります。
Notionのダークモードのカラーコードは？
以下は、NotionのWebアプリのスタイルシートにある.notion-dark-themeブロックから読み取った現行の値です（2026年8月に再確認）。よく引用される#2F3438は、いまはこのスタイルシートのどこにも見当たりません。#373C3Fもバナーの色として残っているだけです。どちらを基準にしたパレットも、1世代前のテーマということになります。
| 対象 | カラーコード |
|---|---|
| ページの背景 | #191919 |
| パネル・ホバー時 | #202020 |
| メニュー・ポップオーバー | #252525 |
| 本文の文字 | #F0EFED |
| 補助的な文字 | #ADA9A3 |
インターフェースを支えるのは2色のニュートラルカラーで、キャンバスが#191919、その上に重なる要素が#202020です。
見落とされやすいのが本文の文字色で、純白の#FFFFFFではなくオフホワイトの#F0EFEDです。白い文字の画像を貼ると周囲より明るく浮きます。カバー画像やウィジェットの背景は#191919に合わせてください。
Notionはこの5色をCSSカスタムプロパティとして宣言しています。埋め込みコンテンツをページになじませたいときは、この形をそのままコピーしてください。
Notionのダークモードを使うメリット
1. 暗い場所での見やすさ
照明を落とした部屋では、白いページが視界のなかで最も明るい光源になります。暗いインターフェースは発光量が少なく、長時間の作業では楽に感じる人が多い設定です。
2. 目の疲れについて研究が示していること
ダークモードのほうが目にやさしい、とよく言われますが、根拠はそれほど確かではありません。Nielsen Norman Groupのコントラスト極性レビューは、視力に問題のない利用者では多くの場合ライトモードのほうがパフォーマンスが高いと結論づけています。文字が小さいほど差は広がります。
2025年のタブレット利用者の研究でも、視覚的な疲労に統計的な有意差は見られず、眼精疲労のリスク軽減に役立つ可能性があるという記述にとどまりました。同じレビューは逆の指摘も紹介しており、ライトモードでの長時間の読書が近視に関連する眼の変化と結びつくという研究に触れています。疲れ目の対策というより好みの問題です。
3. 気が散る要素が減る
暗いキャンバスは部屋との明暗差が小さく、長いページを読み進めるときに落ち着くという声があります。測定に裏づけはなく、好みの範囲です。
4. OLED画面ではバッテリーを節約できる
OLEDやAMOLEDのパネルは画素ごとに発光するため、黒い画素は消灯します。Androidの開発者向けドキュメントは、ダークテーマについて画面の技術によっては消費電力を大幅に削減できると説明しています。LCDはバックライトが常時点灯するので、節約はほとんど期待できません。
5. 好みの見た目にできる
好みだけで切り替える人も多く、それで十分な理由になります。暗い見た目で組み立てるなら、おしゃれなNotionテンプレートにダークテーマ向けのダッシュボードや日記が集まっています。カバー画像の選び方はNotionのカバー画像ガイドで扱っています。
まとめ
Notionのダークモードはキー1つで切り替わり、戻すのも同じCtrl／Cmd + Shift + Lです。常にダークにするなら表示設定をダークモードに、時間帯に合わせるならシステム設定を使用するを選びます。Notion カレンダーとWeb公開したページは、それぞれ独自のテーマ設定を持っています。必要に応じて個別に変更してください。
見た目が整ったら、次はワークスペースの中身です。
- Notionウィジェットのおすすめ：時計やタイマーの追加
- Notionのブラウザ拡張機能：表示まわりの追加調整
- NotionとGoogle カレンダーを同期する方法：予定をデータベースの行に
- NotionとTodoistを同期する方法：タスクを両アプリで最新に
Notionワークスペースを同期
NotionとGoogle カレンダー、Todoist、Outlookを接続。双方向同期で自動的に最新の状態に保ちます。
よくある質問
Notionにダークモードはありますか？
はい。デスクトップ・モバイル・タブレットで使えます。設定 → 環境設定 → 表示設定で、ライトモード、ダークモード、システム設定を使用するから選べます。
Notionのダークモードのショートカットは？
WindowsはCtrl + Shift + L、MacはCmd + Shift + Lです。押すたびに入れ替わります。
Notionのダークモードを解除するには？
設定 → 環境設定を開き、表示設定をライトモードに変更します。Ctrl／Cmd + Shift + Lでも戻せます。
ダークモードにしたのに毎回ライトモードで開くのはなぜですか？
表示設定がシステム設定を使用するのままで、NotionがOSのテーマに追従しているためです。ダークモードに変えれば固定されます。
Notionにハイコントラストモードはありますか？
はい。ダークモードとは別の設定で、設定 → 環境設定 の表示設定と同じパネルにあるハイコントラストの項目から有効にできます。文字・アイコン・枠線のコントラストが高くなります。提供はデスクトップ版とWeb版のみで、設定はアカウントではなく端末ごとに保存されます。
Notionのダークモードはバッテリーの節約になりますか？
OLEDやAMOLEDの画面では黒い画素が消灯するため、節約になる場合があります。Androidの開発者向けドキュメントも、画面の技術によっては大幅に削減できるとしています。LCDでは差はほぼありません。
ダークモードを時間帯に合わせて自動で切り替えられますか？
Notion側にスケジュール機能はありません。システム設定を使用するを選ぶと、OS側の設定に追従します。
Notion カレンダーには専用のダークモードがありますか？
はい。Notion本体とは別の設定です。プロフィール写真から設定を開き、一般タブのテーマをダークモードにします。
Web公開したNotionページもダークモードになりますか？
アカウントの表示設定は反映されません。公開したページには専用のテーマ設定があり、共有 → Web公開 → サイトのカスタマイズ のテーマでシステム・ライト・ダークから選び、変更を公開をクリックします。サイトのカスタマイズは有料プラン限定の機能です。
Notionのダークモードのカラーコードは何ですか？
ページの背景が #191919、パネルとホバー時が #202020、メニューが #252525、本文の文字が #F0EFED、補助的な文字が #ADA9A3 です。#2F3438 と #373C3F は旧テーマの色です。
