{"id":1804,"date":"2015-04-08T07:02:13","date_gmt":"2015-04-07T21:02:13","guid":{"rendered":"http:\/\/www.malcolmgroves.com\/blog\/?p=1804"},"modified":"2015-04-08T07:04:38","modified_gmt":"2015-04-07T21:04:38","slug":"changing-the-xe8-ide-font-size-and-toolbar-color","status":"publish","type":"post","link":"http:\/\/www.malcolmgroves.com\/blog\/?p=1804","title":{"rendered":"Changing the XE8 IDE Font, Size and Toolbar Color"},"content":{"rendered":"<p>When you first start RAD Studio XE8, you should notice some\u00a0immediate visual differences:<\/p>\n<ul>\n<li>There is a new font used in most windows (menus, Object Inspector, Tool Palette, etc)<\/li>\n<li>The new font is also larger in many places (look in the Object Inspector in the screenshot below)<\/li>\n<li>The Main Menu and Toolbar area now has a blue background.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_default.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1810\" src=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_default.png\" alt=\"blog_IDETheme_default\" width=\"545\" height=\"471\" srcset=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_default.png 545w, http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_default-300x259.png 300w, http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_default-535x462.png 535w\" sizes=\"auto, (max-width: 545px) 100vw, 545px\" \/><\/a><\/p>\n<p>No prizes for guessing that this provoked a strong reaction amongst the beta testers. Some liked the blue, some hated it, Some liked the font, some hated it. Some liked that it was bigger, some hated it. Everyone had an opinion, but about the only thing we didn&#8217;t have was a consensus.<\/p>\n<p>As a result, the obvious question was: &#8220;How do I change it?&#8221;<\/p>\n<p><!--more--><\/p>\n<p>Thankfully it&#8217;s pretty easy.<\/p>\n<p>Open up RegEdit and navigate to HKEY_CURRENT_USER\\Software\\Embarcadero\\BDS\\16.0. Then, create a new key called ModernTheme. Within that you can create one or more of the following values, depending on what you want to change:<\/p>\n<pre class=\"lang:ini \">Name              Type        Contents\n\nFontName          String      The name of the Windows font\nFontSize          DWord       Size of the Font as an Integer\nMainToolBarColor  String      Color name or hex value of color<\/pre>\n<p>The first two are probably obvious, but the last might need explaining. Basically whatever you put in here will be passed to <a href=\"http:\/\/docwiki.embarcadero.com\/Libraries\/en\/Vcl.Graphics.StringToColor\" target=\"_blank\">StringToColor<\/a>. As such, it\u00a0can either be a color name (ie. clNavy, clBtnFace, etc) or it can be a hex value like\u00a0$00EA8FF1<\/p>\n<p><a href=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_regedit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1808\" src=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_regedit.png\" alt=\"blog_IDETheme_regedit\" width=\"707\" height=\"289\" srcset=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_regedit.png 707w, http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_regedit-300x123.png 300w, http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_regedit-535x219.png 535w\" sizes=\"auto, (max-width: 707px) 100vw, 707px\" \/><\/a><\/p>\n<p>The settings in the Regedit screenshot above result in the following in the IDE.<\/p>\n<p><a href=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_comicsans.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1807\" src=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_comicsans.png\" alt=\"blog_IDETheme_comicsans\" width=\"548\" height=\"494\" srcset=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_comicsans.png 548w, http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_comicsans-300x270.png 300w, http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_comicsans-535x482.png 535w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/a><\/p>\n<p>Pretty, I know.<\/p>\n<p>I actually like the new font, however I find the font size too large for everyday use (for presentations though it&#8217;s great, makes some of the windows much more readable). I&#8217;m not a big fan of the blue toolbar though, I find it pulls my eyes away from the code, so I have my settings currently set to:<\/p>\n<pre class=\"lang:ini\">FontSize          DWord       9\nMainToolBarColor  String      clBackground<\/pre>\n<p>Note I have no entry for FontName, so I pickup the default Font. This results in an IDE like:<\/p>\n<p><a href=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_mine.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1811\" src=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_mine.png\" alt=\"blog_IDETheme_mine\" width=\"538\" height=\"450\" srcset=\"http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_mine.png 538w, http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_mine-300x251.png 300w, http:\/\/www.malcolmgroves.com\/blog\/wp-content\/uploads\/2015\/03\/blog_IDETheme_mine-535x447.png 535w\" sizes=\"auto, (max-width: 538px) 100vw, 538px\" \/><\/a><\/p>\n<p>So, if you&#8217;re coming to any of the launch events, now you don&#8217;t need to start the argument about liking\/not liking the defaults. Just change them and argue about something more interesting.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you first start RAD Studio XE8, you should notice some\u00a0immediate visual differences: There is a new font used in most windows (menus, Object Inspector, Tool Palette, etc) The new font is also larger in many places (look in the Object Inspector in the screenshot below) The Main Menu and Toolbar area now has a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104],"tags":[112,111],"class_list":["post-1804","post","type-post","status-publish","format-standard","hentry","category-ide","tag-theme","tag-xe8"],"_links":{"self":[{"href":"http:\/\/www.malcolmgroves.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.malcolmgroves.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.malcolmgroves.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.malcolmgroves.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.malcolmgroves.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1804"}],"version-history":[{"count":13,"href":"http:\/\/www.malcolmgroves.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1804\/revisions"}],"predecessor-version":[{"id":1832,"href":"http:\/\/www.malcolmgroves.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1804\/revisions\/1832"}],"wp:attachment":[{"href":"http:\/\/www.malcolmgroves.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1804"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.malcolmgroves.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1804"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.malcolmgroves.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}