【目の負担を軽くしたい！】今すぐ試せるWindowsのダークテーマ設定（エクスプローラ、ブラウザ、Excel、Teamsなど）

# はじめに
私は、開発ツールにVisual Studio Codeや、Atomをよく利用しています。これらはデフォルトでダークテーマが採用されているため、基本的に暗いです。**目にも優しい気がします。** ふと、**開発ツールは暗いのに、他のツールは白いものが多くないか？** と気づいたので、開発ツール以外もできる限りダークテーマにしてみました。

**目に優しい** っていうタグを見つけ、Qiitaの懐の深さに感動しました。

## Windowsのウインドウ
### ダークテーマにする方法
- **Windowsキー＋i**で設定ウィンドウを開く
![image](https://user-images.githubusercontent.com/31679558/44887787-db932f80-ad08-11e8-9c29-10c70fe86458.png)

- **色** を選択
![image](https://user-images.githubusercontent.com/31679558/44887802-f665a400-ad08-11e8-8a6c-d75af4325a02.png)

- **規定のアプリモードを選択します** から、**黒を選択**
![image](https://user-images.githubusercontent.com/31679558/44887831-15643600-ad09-11e8-8cf0-a237c38163a9.png)

- エクスプローラが黒になりました
![image](https://user-images.githubusercontent.com/31679558/44887857-362c8b80-ad09-11e8-8a79-6e8cabc8633a.png)

## Windowsのエクスプローラ
上記の設定だけでは、エクスプローラは白のままでした。

まだ白い。。。
![image](https://user-images.githubusercontent.com/31679558/44887749-b43c6280-ad08-11e8-803b-3679381b5226.png)

- **Windowsキー＋i**で設定ウィンドウを開く
![image](https://user-images.githubusercontent.com/31679558/44887787-db932f80-ad08-11e8-9c29-10c70fe86458.png)

- **テーマ** を選択
![image](https://user-images.githubusercontent.com/31679558/44888656-46466a00-ad0d-11e8-88bb-2be7ef57b563.png)

- 右側にある関連設定の中から、**ハイコントラスト設定**をクリック
![image](https://user-images.githubusercontent.com/31679558/44888743-ab9a5b00-ad0d-11e8-8447-6153c8122de1.png)

- **テーマの選択**から、**ハイコントラスト黒**を選択
![image](https://user-images.githubusercontent.com/31679558/44888760-c40a7580-ad0d-11e8-9593-11849e6decfc.png)

- **適用する**をクリック
![image](https://user-images.githubusercontent.com/31679558/44888790-e00e1700-ad0d-11e8-8564-3c83d91a5ac2.png)

エクスプローラも黒になりました
![image](https://user-images.githubusercontent.com/31679558/44888809-f74d0480-ad0d-11e8-86fe-d46fe86e6b8c.png)

**ただし、この方法を採用すると、Visual Studio Codeなどにもハイコントラストの影響が出ます。**やってみたものの、私はやめました。

## Google Chrome
調べてみたところ、Chromeもダークモードにできるようです。

- Chromeの設定を開く
![image](https://user-images.githubusercontent.com/31679558/44887924-7a1f9080-ad09-11e8-83e0-cf0a0ff58fc0.png)

- デザインの **テーマ**を選択
![image](https://user-images.githubusercontent.com/31679558/44887953-94596e80-ad09-11e8-8116-2937b52b88f2.png)

- ダークテーマの中から好きなテーマを選択
    - 今回は、**Morpheon Dark**を選択
![image](https://user-images.githubusercontent.com/31679558/44887971-afc47980-ad09-11e8-98b9-acec0b8fbe03.png)

- **Chromeに追加** をクリック
![image](https://user-images.githubusercontent.com/31679558/44887991-cec30b80-ad09-11e8-9e34-eee402071dd9.png)

- タブなどが黒くなりました
![image](https://user-images.githubusercontent.com/31679558/44888018-fade8c80-ad09-11e8-9193-c5f8cecfafa7.png)


## ブラウジング中のページ背景も暗くしたい
Chromeのテーマをダークテーマにしても、**ブラウジング中のページの背景は白いまま**でした。これは辛い。。。

- 以下から **ハイコントラスト** をインストール
https://chrome.google.com/webstore/detail/high-contrast/djcfdncoelnlbldjfhinnjlhdjlikmph?utm_source=gmail

- **Chromeに追加** をクリック
![image](https://user-images.githubusercontent.com/31679558/44888129-793b2e80-ad0a-11e8-9d8c-b1cd49531838.png)

- これでブラウザ中のページ背景も黒くなりました！
![image](https://user-images.githubusercontent.com/31679558/44888182-bc959d00-ad0a-11e8-95cb-7cd98a857388.png)

- AWSのマネジメントコンソールはこんな感じになります
![image.png](https://qiita-image-store.s3.amazonaws.com/0/98130/76916c34-99fe-015d-e4bc-d659c0e516e0.png)


## OutlookやExcelなどのOffice製品
- **アカウント**をクリックして、 **Officeテーマ** から、 **黒** を選択
![image](https://user-images.githubusercontent.com/31679558/44888257-126a4500-ad0b-11e8-9f5c-f2d40bd8818d.png)

-　リボンメニューが黒になりました
![image](https://user-images.githubusercontent.com/31679558/44888279-39c11200-ad0b-11e8-8d4c-2546d2a98d58.png)


## Teams
チャットツールであるTeamsにもダークテーマが用意されていました。

- **設定** をクリック
![image](https://user-images.githubusercontent.com/31679558/44888364-bd7afe80-ad0b-11e8-882d-8cdd5479e58a.png)

- **テーマ** から、**ダーク** を選択
![image](https://user-images.githubusercontent.com/31679558/44888387-dedbea80-ad0b-11e8-9e4e-9892eb95dd2e.png)

- Teamsの画面が黒くなりました
![image](https://user-images.githubusercontent.com/31679558/44888396-ed2a0680-ad0b-11e8-8484-75323a4e0dd7.png)

# おわりに
ダークテーマが苦手という人もいるかと思いますが、なれるとなかなか楽です。**エンジニアとして健康寿命を長くする**ためにも、目に優しい設定にしていきたいものです。