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


