Delphi / C++Builder で追加されたStyleとその他を紹介するよ

Delphi Advent Calendar 2016 12月16日の記事です

Delphi アドベントカレンダー向けに、エンバカデロ デベロッパーキャンプのLTにて話した内容を載せようと画策しておりましたが、なんと、LTへの参加お申込み多数に付き、私の出番はなく、LTコンテンツも今回は作っていない、ということになりました…

そこで、デブキャンでお見せした Berlin Update 2 アニバーサリーエディション で追加されたスタイルを紹介いたします。これらスタイルを使ったUIスタイルの変更方法は[こちらのブログエントリ](http://qiita.com/kazais_/items/d84dd44214f12ddd245e)をご参照ください。

![image](https://qiita-image-store.s3.amazonaws.com/0/145847/22cca110-35d3-ab26-e24c-d35a44ec1a46.png)

### VCL向け、FireMonkey向けにそれぞれに新Styleを追加しました

- **New VCL Styles**
    - Windows 10 Dark Blue
    - Windows 10 Purple
    - Windows 10 Green
- **New FireMonkey Styles**
    - Windows 10 Slate Gray
    - Windows 10 Purple
    - Windows 10 Green

### そしてデブキャンでこの新スタイルを紹介している時にこんなツイートが…
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">VCL スタイル、いつの間にかすげえ増えてない！？<a href="https://twitter.com/hashtag/dcamp_jp?src=hash">#dcamp_jp</a></p>&mdash; HOSOKAWA Jun (@pik) <a href="https://twitter.com/pik/status/807083424271855616">2016年12月9日</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>


うん、そうだね！
だからVCL向けの全スタイル一覧をつくりました！ 
2016年12月16日現在の全49種、ここに一挙掲載！
UIキャプチャ付き！
どんなスタイルにするか決め兼ねている時に参考にしてね！

###VCLスタイル、Update2追加分も含めて全紹介！
| |1|2|3|4|
|:--:|:---:|:--:|:--:|:--:|
|N|1.Amakrits|2.Amethyst Kamri|3.Aqua Graphite|4.Aqua Light Slate|
|S|1![Amakrits.png](https://qiita-image-store.s3.amazonaws.com/0/145847/221c463c-0751-1e2e-bc3b-55d1b3ba07b6.png)|2![Amethyst Kamri.png](https://qiita-image-store.s3.amazonaws.com/0/145847/65c52ded-b14b-a9f2-c0c4-601a9b59ae2f.png)|4![Aqua Graphite.png](https://qiita-image-store.s3.amazonaws.com/0/145847/cd97d752-2f4e-a0f6-355d-629d4eef4dc8.png)|4![Aqua Light Slate.png](https://qiita-image-store.s3.amazonaws.com/0/145847/9faf539b-ff70-5a15-9988-c13bbef4f5de.png)
|N|5.Auric|6.Carbon|7.Charcoal Dark Slate|8.Cobalt XEMedia|
|S|5![Auric.png](https://qiita-image-store.s3.amazonaws.com/0/145847/8f2e1b95-f459-a249-5161-ed2dd4a6bf74.png)|6![Carbon.png](https://qiita-image-store.s3.amazonaws.com/0/145847/e83751ca-d4a5-cc01-bd04-9ccf3ef8143a.png)|7![Charcoal Dark Slate.png](https://qiita-image-store.s3.amazonaws.com/0/145847/763c726b-ed73-332a-dc9f-5cf6a3c5a719.png)|8![Cobalt XEMedia.png](https://qiita-image-store.s3.amazonaws.com/0/145847/0c1646c4-3094-411e-d96c-b667f7dc6d7b.png)
|N|9.Copper|10.CopperDark|11.Coral|12.Cyan Dusk|
|S|9![Copper.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d83bba0c-3f12-8ce0-5480-d7932c75db55.png)|10![CopperDark.png](https://qiita-image-store.s3.amazonaws.com/0/145847/84e8db8b-c4a8-2017-1b63-78ee12db9193.png)|11![Coral.png](https://qiita-image-store.s3.amazonaws.com/0/145847/6a597d53-9db8-d440-0c05-bc8cb2b382a3.png)|12![Cyan Dusk.png](https://qiita-image-store.s3.amazonaws.com/0/145847/cc72d126-ce8f-46a3-55a2-b108502ebc9e.png)|
|N|13.Cyan Nigh|14.Diamond|15.Emerald|16.Emerald Light Slate|
|S|13![Cyan Night.png](https://qiita-image-store.s3.amazonaws.com/0/145847/253b2dc7-d9b4-f543-0dc6-f76bff704c2a.png)|14![Diamond.png](https://qiita-image-store.s3.amazonaws.com/0/145847/34984fe6-7751-d96f-04a6-d25aae6fac3e.png)|15![Emerald.png](https://qiita-image-store.s3.amazonaws.com/0/145847/6bec47da-646b-71fa-bd93-a234d1682cc2.png)|16![Emerald Light Slate.png](https://qiita-image-store.s3.amazonaws.com/0/145847/9b4308b8-16ee-e193-4055-54649bd29afa.png)|
|N|17.Glossy|18.Glow|19.Golden Graphite|20.Iceberg Classic|
|S|17![Glossy.png](https://qiita-image-store.s3.amazonaws.com/0/145847/5ca42501-d200-1500-1be4-2ab51619814b.png)|18![Glow.png](https://qiita-image-store.s3.amazonaws.com/0/145847/ef96625c-f575-9c95-232a-0f740c514276.png)|19![Golden Graphite.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d4c1a68e-c571-e790-e2f8-5d37e7ee5559.png)|20![Iceberg Classico.png](https://qiita-image-store.s3.amazonaws.com/0/145847/1fdeef60-d509-228d-36a0-112350a0f031.png)|
|N|21.Jet|22.Lavender Classico|23.Light|24.Luna|
|S|21![Jet.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d0fd78b8-230d-ff11-bf67-784c5ffee156.png)|22![Lavender Classico.png](https://qiita-image-store.s3.amazonaws.com/0/145847/ab5c7edb-2edf-1d5a-1d79-9145ef8d3566.png)|23![Light.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d9fbab1b-0e90-0000-5cd4-ff5e53621ebf.png)|24![Luna.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d446b767-b7bb-9048-597c-3322940809c1.png)|
|N|25.Metropolis UI Black|26.Metropolis UI Blue|27.Metropolis UI Dark|28.Metropolis UI Gree|
|S|25![Metropolis UI Black.png](https://qiita-image-store.s3.amazonaws.com/0/145847/551af128-307c-c326-5bbb-e9dcd52a8124.png)|26![Metropolis UI Blue.png](https://qiita-image-store.s3.amazonaws.com/0/145847/8b30785b-c13e-5b75-4c5c-05d08cf8a351.png)|27![Metropolis UI Dark.png](https://qiita-image-store.s3.amazonaws.com/0/145847/1822a794-cc48-1d9b-6113-c770c1dde861.png)|28![Metropolis UI Green.png](https://qiita-image-store.s3.amazonaws.com/0/145847/fae728bb-3356-e2c0-dbaa-6fe1f89fd64a.png)|
|N|29.Obsidian|30.Onyx Blue|31.Radian|32.Ruby Graphite|
|S|29![Obsidian.png](https://qiita-image-store.s3.amazonaws.com/0/145847/6abd70d2-a546-1ea1-a0c4-3bdc6a0e154d.png)|30![Onyx Blue.png](https://qiita-image-store.s3.amazonaws.com/0/145847/0791efde-9cd5-4842-bed1-7d8958b21f06.png)|31![Radiant.png](https://qiita-image-store.s3.amazonaws.com/0/145847/9ac3caee-dc53-5cc7-b1e5-e2765992f42b.png)|32![Ruby Graphite.png](https://qiita-image-store.s3.amazonaws.com/0/145847/2702849e-e014-0ee0-5e05-97857fdd919f.png)|
|N|33.Sapphire Kamri|34.Silver|35.Sky|36.Slate Classico|
|S|33![Sapphire Kamri.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d268ccfd-ee4d-1527-32bf-70044a3a7692.png)|34![Silver.png](https://qiita-image-store.s3.amazonaws.com/0/145847/482b89f9-dce2-f21a-4297-077a2ce76a21.png)|35![Sky.png](https://qiita-image-store.s3.amazonaws.com/0/145847/e20e4bb9-83d3-b995-7331-fdfe50882eb7.png)|36![Slate Classico.png](https://qiita-image-store.s3.amazonaws.com/0/145847/ba68e540-c8ca-4dde-92fd-a7e59739487a.png)|
|N|37.Smokey Quartz Kamri|38.Sterling|39.Tablet Light|40.TabletDark|
|S|37![Smokey Quartz Kamri.png](https://qiita-image-store.s3.amazonaws.com/0/145847/434dc5a0-7f55-ba5d-6481-8cefe5fd76a2.png)|38![Sterling.png](https://qiita-image-store.s3.amazonaws.com/0/145847/319fe1ef-eef5-a837-c92b-08a909947aa0.png)|39![Tablet Light.png](https://qiita-image-store.s3.amazonaws.com/0/145847/6c974337-ddac-c328-0176-3b6c7374f992.png)|40![TabletDark.png](https://qiita-image-store.s3.amazonaws.com/0/145847/14ecd69d-5830-704a-0c51-e4634e2e9a50.png)|
|N|41.Turquoise Gray|42.Vapor|43.Windows|44.Windows10|
|S|41![Turquoise Gray.png](https://qiita-image-store.s3.amazonaws.com/0/145847/1b0af892-cfd2-6bc4-9992-353b89141898.png)|42![Vapor.png](https://qiita-image-store.s3.amazonaws.com/0/145847/f3dff774-e8f9-7154-f910-ff65d5aab784.png)|43![Windows.png](https://qiita-image-store.s3.amazonaws.com/0/145847/a2affe97-2e4d-a309-f4de-93cf6a41a6f7.png)|44![Windows10.png](https://qiita-image-store.s3.amazonaws.com/0/145847/91322f0e-c05c-5413-3327-ba737523b7ef.png)|
|N|45.Windows10 Blue|46.Windows10 Dark|||
|S|45![Windows10 Blue.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d839f64b-2674-a158-a943-ab12e58457c8.png)|46![Windows10 Dark.png](https://qiita-image-store.s3.amazonaws.com/0/145847/6f182d88-975b-aee6-931f-3b0e2b9f12df.png)|||
|N|47.Windows10 Green|48.Windows10 Purple|49.Windows10 SlateGray||
|S|47.Update2追加分![Windows10 Green.png](https://qiita-image-store.s3.amazonaws.com/0/145847/db0c006e-4db4-1788-2a2d-fbd912b435ff.png)|48.Update2追加分![Windows10 Purple.png](https://qiita-image-store.s3.amazonaws.com/0/145847/26a4aa26-cf19-f5b8-bb2d-07d8356ae89c.png)|49.Update2追加分![Windows10 SlateGray.png](https://qiita-image-store.s3.amazonaws.com/0/145847/e570c62c-9d0f-bfff-2120-dc0e640530b9.png)||

### まとめ
* [Diamond](http://qiita.com/kazais_/private/2b4af554518f40683853#14diamond)がライト系では使いやすそう
* [Carbon](http://qiita.com/kazais_/private/2b4af554518f40683853#6carbon)もダーク系では使いやすそう
* [Cobalt XEMedia](http://qiita.com/kazais_/private/2b4af554518f40683853#8cobalt-xemedia)が最も黒いか
* [Tablet Light](http://qiita.com/kazais_/private/2b4af554518f40683853#39tablet-light)が最も白いのか
* [Windows10 Purple](http://qiita.com/kazais_/private/2b4af554518f40683853#48windows10-purple)の出番はあるのか
* デブキャンの時、**New VCL Styles** として**Windows 10 Dark Blue**が追加とプレゼンに記載したが、どうも **Windows10 SlateGray**の間違い（実際に追加されているのがWindows10 SlateGray）
* 49個のスナップショットを取得するのは元気がなくなる
* 49個のスナップショットをスタイル名称と合わせてQiitaに表にして張り付けるのはもっと元気がなくなる
* [Light](http://qiita.com/kazais_/private/2b4af554518f40683853#23light)のスナップショット取得ミスってるけど許してください

### 関連リンク
エンバカデロ日本人ブログ: [簡単にUIの印象を変える方法 - Styleの適用 - FireMonkey と VCL](https://community.embarcadero.com/blogs/entry/ui-style-firemonkey-vcl-japan)
エンバカデロ日本人ブログ: [今更ながら VCLとFireMonkey向けボーナス スタイル パックのお話し](https://community.embarcadero.com/blogs/entry/vcl-firemonkey)
Docwiki: [FireMonkey スタイルの編集](http://docwiki.embarcadero.com/RADStudio/Berlin/ja/FireMonkey_%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%AE%E7%B7%A8%E9%9B%86)
Dockwiki: [VCL スタイルの概要](http://docwiki.embarcadero.com/RADStudio/Berlin/ja/VCL_%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%AE%E6%A6%82%E8%A6%81)

### これより下、縮小無の全リスト
以下、スナップショットを羅列したもの。どうしても大きな画像で見たい方のみご覧ください。

#### **1.Amakrits**
![Amakrits.png](https://qiita-image-store.s3.amazonaws.com/0/145847/221c463c-0751-1e2e-bc3b-55d1b3ba07b6.png)

#### **2.Amethyst Kamri**
![Amethyst Kamri.png](https://qiita-image-store.s3.amazonaws.com/0/145847/65c52ded-b14b-a9f2-c0c4-601a9b59ae2f.png)

#### **3.Aqua Graphite**
![Aqua Graphite.png](https://qiita-image-store.s3.amazonaws.com/0/145847/cd97d752-2f4e-a0f6-355d-629d4eef4dc8.png)

#### **4.Aqua Light Slate**
![Aqua Light Slate.png](https://qiita-image-store.s3.amazonaws.com/0/145847/9faf539b-ff70-5a15-9988-c13bbef4f5de.png)

#### **5.Auric**
![Auric.png](https://qiita-image-store.s3.amazonaws.com/0/145847/8f2e1b95-f459-a249-5161-ed2dd4a6bf74.png)

#### **6.Carbon**
![Carbon.png](https://qiita-image-store.s3.amazonaws.com/0/145847/e83751ca-d4a5-cc01-bd04-9ccf3ef8143a.png)

#### **7.Charcoal Dark Slate**
![Charcoal Dark Slate.png](https://qiita-image-store.s3.amazonaws.com/0/145847/763c726b-ed73-332a-dc9f-5cf6a3c5a719.png)

#### **8.Cobalt XEMedia**
![Cobalt XEMedia.png](https://qiita-image-store.s3.amazonaws.com/0/145847/0c1646c4-3094-411e-d96c-b667f7dc6d7b.png)

#### **9.Copper**
![Copper.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d83bba0c-3f12-8ce0-5480-d7932c75db55.png)

#### **10.CopperDark**
![CopperDark.png](https://qiita-image-store.s3.amazonaws.com/0/145847/84e8db8b-c4a8-2017-1b63-78ee12db9193.png)

#### **11.Coral**
![Coral.png](https://qiita-image-store.s3.amazonaws.com/0/145847/6a597d53-9db8-d440-0c05-bc8cb2b382a3.png)

#### **12.Cyan Dusk**
![Cyan Dusk.png](https://qiita-image-store.s3.amazonaws.com/0/145847/cc72d126-ce8f-46a3-55a2-b108502ebc9e.png)

#### **13.Cyan Night**
![Cyan Night.png](https://qiita-image-store.s3.amazonaws.com/0/145847/253b2dc7-d9b4-f543-0dc6-f76bff704c2a.png)

#### **14.Diamond**
![Diamond.png](https://qiita-image-store.s3.amazonaws.com/0/145847/34984fe6-7751-d96f-04a6-d25aae6fac3e.png)

#### **15.Emerald**
![Emerald.png](https://qiita-image-store.s3.amazonaws.com/0/145847/6bec47da-646b-71fa-bd93-a234d1682cc2.png)

#### **16.Emerald Light Slate**
![Emerald Light Slate.png](https://qiita-image-store.s3.amazonaws.com/0/145847/9b4308b8-16ee-e193-4055-54649bd29afa.png)

#### **17.Glossy**
![Glossy.png](https://qiita-image-store.s3.amazonaws.com/0/145847/5ca42501-d200-1500-1be4-2ab51619814b.png)

#### **18.Glow**
![Glow.png](https://qiita-image-store.s3.amazonaws.com/0/145847/ef96625c-f575-9c95-232a-0f740c514276.png)

#### **19.Golden Graphite**
![Golden Graphite.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d4c1a68e-c571-e790-e2f8-5d37e7ee5559.png)

#### **20.Iceberg Classico**
![Iceberg Classico.png](https://qiita-image-store.s3.amazonaws.com/0/145847/1fdeef60-d509-228d-36a0-112350a0f031.png)

#### **21.Jet**
![Jet.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d0fd78b8-230d-ff11-bf67-784c5ffee156.png)

#### **22.Lavender Classico**
![Lavender Classico.png](https://qiita-image-store.s3.amazonaws.com/0/145847/ab5c7edb-2edf-1d5a-1d79-9145ef8d3566.png)

#### **23.Light**
![Light.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d9fbab1b-0e90-0000-5cd4-ff5e53621ebf.png)

#### **24.Luna**
![Luna.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d446b767-b7bb-9048-597c-3322940809c1.png)

#### **25.Metropolis UI Black**
![Metropolis UI Black.png](https://qiita-image-store.s3.amazonaws.com/0/145847/551af128-307c-c326-5bbb-e9dcd52a8124.png)

#### **26.Metropolis UI Blue**
![Metropolis UI Blue.png](https://qiita-image-store.s3.amazonaws.com/0/145847/8b30785b-c13e-5b75-4c5c-05d08cf8a351.png)

#### **27.Metropolis UI Dark**
![Metropolis UI Dark.png](https://qiita-image-store.s3.amazonaws.com/0/145847/1822a794-cc48-1d9b-6113-c770c1dde861.png)

#### **28.Metropolis UI Green**
![Metropolis UI Green.png](https://qiita-image-store.s3.amazonaws.com/0/145847/fae728bb-3356-e2c0-dbaa-6fe1f89fd64a.png)

#### **29.Obsidian**
![Obsidian.png](https://qiita-image-store.s3.amazonaws.com/0/145847/6abd70d2-a546-1ea1-a0c4-3bdc6a0e154d.png)

#### **30.Onyx Blue**
![Onyx Blue.png](https://qiita-image-store.s3.amazonaws.com/0/145847/0791efde-9cd5-4842-bed1-7d8958b21f06.png)

#### **31.Radiant**
![Radiant.png](https://qiita-image-store.s3.amazonaws.com/0/145847/9ac3caee-dc53-5cc7-b1e5-e2765992f42b.png)

#### **32.Ruby Graphite**
![Ruby Graphite.png](https://qiita-image-store.s3.amazonaws.com/0/145847/2702849e-e014-0ee0-5e05-97857fdd919f.png)

#### **33.Sapphire Kamri**
![Sapphire Kamri.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d268ccfd-ee4d-1527-32bf-70044a3a7692.png)

#### **34.Silver**
![Silver.png](https://qiita-image-store.s3.amazonaws.com/0/145847/482b89f9-dce2-f21a-4297-077a2ce76a21.png)

#### **35.Sky**
![Sky.png](https://qiita-image-store.s3.amazonaws.com/0/145847/e20e4bb9-83d3-b995-7331-fdfe50882eb7.png)

#### **36.Slate Classico**
![Slate Classico.png](https://qiita-image-store.s3.amazonaws.com/0/145847/ba68e540-c8ca-4dde-92fd-a7e59739487a.png)

#### **37.Smokey Quartz Kamri**
![Smokey Quartz Kamri.png](https://qiita-image-store.s3.amazonaws.com/0/145847/434dc5a0-7f55-ba5d-6481-8cefe5fd76a2.png)

#### **38.Sterling**
![Sterling.png](https://qiita-image-store.s3.amazonaws.com/0/145847/319fe1ef-eef5-a837-c92b-08a909947aa0.png)

#### **39.Tablet Light**
![Tablet Light.png](https://qiita-image-store.s3.amazonaws.com/0/145847/6c974337-ddac-c328-0176-3b6c7374f992.png)

#### **40.TabletDark**
![TabletDark.png](https://qiita-image-store.s3.amazonaws.com/0/145847/14ecd69d-5830-704a-0c51-e4634e2e9a50.png)

#### **41.Turquoise Gray**
![Turquoise Gray.png](https://qiita-image-store.s3.amazonaws.com/0/145847/1b0af892-cfd2-6bc4-9992-353b89141898.png)

#### **42.Vapor**
![Vapor.png](https://qiita-image-store.s3.amazonaws.com/0/145847/f3dff774-e8f9-7154-f910-ff65d5aab784.png)

#### **43.Windows**
![Windows.png](https://qiita-image-store.s3.amazonaws.com/0/145847/a2affe97-2e4d-a309-f4de-93cf6a41a6f7.png)

#### **44.Windows10**
![Windows10.png](https://qiita-image-store.s3.amazonaws.com/0/145847/91322f0e-c05c-5413-3327-ba737523b7ef.png)

#### **45.Windows10 Blue**
![Windows10 Blue.png](https://qiita-image-store.s3.amazonaws.com/0/145847/d839f64b-2674-a158-a943-ab12e58457c8.png)

#### **46.Windows10 Dark**
![Windows10 Dark.png](https://qiita-image-store.s3.amazonaws.com/0/145847/6f182d88-975b-aee6-931f-3b0e2b9f12df.png)

#### **47.Windows10 Green**
**Update2追加分**
![Windows10 Green.png](https://qiita-image-store.s3.amazonaws.com/0/145847/db0c006e-4db4-1788-2a2d-fbd912b435ff.png)

#### **48.Windows10 Purple**
**Update2追加分**
![Windows10 Purple.png](https://qiita-image-store.s3.amazonaws.com/0/145847/26a4aa26-cf19-f5b8-bb2d-07d8356ae89c.png)

#### **49.Windows10 SlateGray**
**Update2追加分**
![Windows10 SlateGray.png](https://qiita-image-store.s3.amazonaws.com/0/145847/e570c62c-9d0f-bfff-2120-dc0e640530b9.png)