> For the complete documentation index, see [llms.txt](https://manual.dxable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.dxable.com/clickup/getting-started/account-settings/dark-mode.md).

# ダークモード

ダークモードを有効にすると、ClickUpの主な背景色が黒になります。

### **必要なもの** <a href="#gjdgxs" id="gjdgxs"></a>

* 全ての[ClickUpプラン](https://clickup.com/pricing)でダークモードを有効にすることができます。
* [ゲスト](https://help.clickup.com/hc/en-us/articles/6310022323991-Guests-overview)を含む全員がダーク モードを有効にすることができます。

### **ブラウザーまたはデスクトップアプリでダークモードを有効にする** <a href="#id-30j0zll" id="id-30j0zll"></a>

ブラウザーまたはデスクトップ アプリでダークモードを有効にするには:

1. アカウントのアバターをクリックして、Dark Mode設定を開きます。
   * ClickUp 2.0では、左下隅にあるアカウントのアバターをクリックします。
   * [ClickUp 3.0](https://help.clickup.com/hc/en-us/articles/12157360089495-ClickUp-3-0)では、右上隅でアカウントのアバターをクリックし、\[Themes]を選択します。
2. \[Dark Mode]のトグルをクリックしてオンまたはオフにします。
   * または、[Command Centerを開き](https://help.clickup.com/hc/en-us/articles/6533695640343-Command-Center)、「**theme**」と入力し、 \[**Toggle Theme to Dark Mode**]を選択します。

ヒント

[ワークスペースのカラーテーマ](https://help.clickup.com/hc/en-us/articles/6310791806359-Change-the-Workspace-color-theme)と組み合わせて試してみてください。

### **モバイルアプリでダークモードを有効にする** <a href="#id-1fob9te" id="id-1fob9te"></a>

モバイルアプリでダークモードを有効にするには:

1. [Home](https://help.clickup.com/hc/en-us/articles/6327482336023-Home-on-Mobile)から、画面の左側から右にスワイプするか、左上隅にある[**Sidebar**](https://help.clickup.com/hc/en-us/articles/6309089859991-Sidebar-Features)アイコンをタップして開きます。
2. Sidebarの右上隅にある**settings**アイコンをタップします。
3. \[**Dark Mode**]で\[**On**]をタップします。

### **ダークモードの例** <a href="#id-3znysh7" id="id-3znysh7"></a>

ダークモードを有効にすると、全画面が黒の背景と白のテキストで表示されます。 ステータスやアバターなどの残りの要素の色は変わりません。

以下に、これがどのようなものであるかの例をいくつか示します。

### **リストビューのダークモード** <a href="#id-2et92p0" id="id-2et92p0"></a>

![Screenshot showing List view with Dark Mode on.](/files/BvgkV4TiX2i7CbU6jhl2)

### **ボードビューのダークモード** <a href="#tyjcwt" id="tyjcwt"></a>

![Screenshot showing Board view with Dark Mode on.](/files/W7ZFnnw3JTi8Yl9ZkF6r)

### **カレンダービューのダークモード** <a href="#id-3dy6vkm" id="id-3dy6vkm"></a>

![Screenshot showing Calendar view with Dark Mode on.](/files/QsJhHmN3fGgzLEr8JFEQ)
