Notion7分で読めます

Notionダークモードの設定と解除方法|ショートカットも解説

Notionのダークモードは Ctrl/Cmd + Shift + L で即座に切り替わります。デスクトップ・モバイル・Notion カレンダーでの設定と解除の手順、最新のカラーコードまで解説します。

Notionダークモードを有効にする方法
執筆者
Simo Elalj
更新日
2026年8月11日

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とGoogle カレンダー、Todoist、Outlookを接続。双方向同期で自動的に最新の状態に保ちます。

2syncを無料で試す

よくある質問

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 は旧テーマの色です。

著者について

Simo Elalj
Simo Elalj

2syncの創業者。INSA Lyon出身のソフトウェアエンジニア。Notionをカレンダー、タスク、連絡先と接続する同期ツールを開発。以前はリファービッシュ家電の価格比較プラットフォームRefurbMeを設立。


最新記事

ブログから

Notion同期、弊社が検証するカレンダー・タスクツール、そしてそれらを支える生産性スタックに関するガイドです。