Explorer Dark Theme

Windows標準のファイラー"explorer"のカスタマイズ。
いろんなファイラーはあれど、結局これが安定的で使いやすい。
ただし機能が貧弱、見た目も残念なので、explorerを強化する有名ソフト"QTTabBar"で見た目をカスタマイズする方法。



# 詳細表示
![Image [6].png](https://qiita-image-store.s3.amazonaws.com/0/113494/382ae4e9-31aa-4100-50cf-b1d9521d071a.png)

* アクティブ・非アクティブ時に色の変更、ソート指定カラムの色変更



# アイコン表示
![Image [2].png](https://qiita-image-store.s3.amazonaws.com/0/113494/8b4e510e-d474-a98b-def8-b42137d67577.png)

* アイコン表示でタイトル文字が黒になったりして不安定
* 設定開いて適用するかOKする(設定のリロード)すれば直る。





# プレビュー表示
![スクリーンショット 2016-09-19 11.47.33.png](https://qiita-image-store.s3.amazonaws.com/0/113494/93f8f569-d810-1c7a-a7f9-977cd36146b5.png)

* マウスオーバーでファイルの中身が表示される
* 背景色、文字色、サイズの指定ができる







# QTTabBarインストール

インストール場所・インストールに関する記事は以下から

* [ k本的に無料ソフト エクスプローラをタブ化する！「QTTabBar」](http://www.gigafree.net/system/explorer/qttabbar.html)
* [HepHep! 高機能！Windowsフォルダをタブ化するQTTabBar](http://hep.eiz.jp/201409/qttabbar/)







# 背景色の設定

## 基本の背景色と文字色
![Image [4].png](https://qiita-image-store.s3.amazonaws.com/0/113494/4bdf23bb-5b8c-8918-6051-3feeae01515d.png)

* 詳細表示の「更新日時」とか「種類」とかの項目の背景が黒になる



## 詳細表示の選択カラムの背景色
![Image [5].png](https://qiita-image-store.s3.amazonaws.com/0/113494/7993dd75-d186-c1ee-a824-ef75f6ead0b0.png)

* 選択した列、例えば更新日時順にソートしているのが分かるように、真っ黒から少し薄い色にしておいた




## タブバーの文字色
![Image [9].png](https://qiita-image-store.s3.amazonaws.com/0/113494/1cec2430-f39e-97f7-6d4e-f494f53a80e8.png)

* テキストの陰にチェックを入れるとぼんやりした文字になるのでチェックを外した。



## タブバーの背景色
![Image [8].png](https://qiita-image-store.s3.amazonaws.com/0/113494/902012b0-9534-866b-a5bf-b7aa4ecf18bc.png)

* タブバーの背景色はスキンをダウンロードしないといけない
* ダウンロード方法は、設定＞見た目＞タブのスキン＞タブの背景＞スキンファイルをダウンロード...



### スキンのダウンロード
![Image [7].png](https://qiita-image-store.s3.amazonaws.com/0/113494/aeaa8315-0346-6a09-1596-bd560bc9bb05.png)

* スキンのダウンロードにはNET.Framework4.0が必要
* 「ファイルを保存したら適用」にチェックを入れて、すぐプレビューできるようにしておく
* ダブルクリックすればすぐに適用される
* "TabBar_Windows 10 Simple Dark (green)_Arrow_1_Tab_{0, 0, 0, 0}.png"を適用した。


![Image [17].png](https://qiita-image-store.s3.amazonaws.com/0/113494/5ba1285a-9ea2-331c-1098-fb8e3d76d2e0.png)
ブラック背景で、選択中のタブがハイライトされるのがいい。







## ツールバー、エクスプローラーバー(左)(下)の背景色
![Image [10].png](https://qiita-image-store.s3.amazonaws.com/0/113494/46e9cf82-10eb-5b18-54a0-ed616fd5ddaf.png)







## ナビゲーションウィンドウの背景色、文字色
![Image [11].png](https://qiita-image-store.s3.amazonaws.com/0/113494/32bd31f4-f001-94a7-5814-f30186bfb98c.png)







### ツールバー、エクスプローラーバー(左)(下)、ナビゲーションウィンドウってどこ？
![Image [16].png](https://qiita-image-store.s3.amazonaws.com/0/113494/855cef59-0c6b-82dd-2c7d-a6e5971b7b5a.png)






# プレビューの設定

## プレビュー全般設定
![Image [19].png](https://qiita-image-store.s3.amazonaws.com/0/113494/e785dde8-5413-e075-21e2-ab77fc6b958c.png)

* フルサイズは挙動が不安定だからチェック外した(昔のバージョンの話の話であるが)
* 指定された最大サイズでの表示にチェックを入れた



## 拡張子、フォントと色の設定
![Image [14].png](https://qiita-image-store.s3.amazonaws.com/0/113494/4b6a2cf9-616a-17a0-57a4-dc8441282b59.png)

* 文字色、背景色の設定
* フォントも設定できる






## プレビューする拡張子の追加
![Image [15].png](https://qiita-image-store.s3.amazonaws.com/0/113494/9e12a8f3-5210-cb3d-7e40-28723f3fa3a7.png)

* プレビューしたい拡張子を入力して"+"マークのクリックで拡張子が追加される。
* ラジオボタンの選択でどのような形式でプレビューするかを選べる。




#ウィンドウの透過度

## 透明度バー
![Image [3].png](https://qiita-image-store.s3.amazonaws.com/0/113494/3c511ba2-6b2b-43d5-0a9a-fd409101ba30.png)

* コマンドバーに透明度バーを設置することでウィンドウの透過度を変えられる。
* 透明度バーはここからD&D


## ウィンドウの透明度を保存する
![Image.png](https://qiita-image-store.s3.amazonaws.com/0/113494/555da920-3170-7042-8779-4a34be7f28ba.png)

* 次開いた時も透明になるように、「ウィンドウの透明度を保存する」にチェック


## メニューの透明度
![Image [21].png](https://qiita-image-store.s3.amazonaws.com/0/113494/cb293996-21a5-016c-cca0-fa512b554bd5.png)


## プレビューウィンドウの透明度
![Image [18].png](https://qiita-image-store.s3.amazonaws.com/0/113494/7870bb90-94e7-5f97-841c-8e2e8d90e6d0.png)




## サブフォルダメニューの透明度
![Image [20].png](https://qiita-image-store.s3.amazonaws.com/0/113494/a0e00eaf-8c46-b37e-2573-c4d79bbb292d.png)
















# 設定の保存

## 設定をファイルにエクスポート
![Image [12].png](https://qiita-image-store.s3.amazonaws.com/0/113494/4948eb1d-d9d1-2707-bad4-565650bc51d4.png)



## 定期的なエクスポート
![Image [13].png](https://qiita-image-store.s3.amazonaws.com/0/113494/3d62be4e-ade1-7fd0-bdbd-c95f383c089d.png)