Updating VCL Styles

Go Up to Working with VCL Styles

When you want to change the appearance of a VCL application, sometimes you will need to update the VCL Styles. Otherwise, you may experience some IDE issues related to

• Caption text
• Title bar buttons
• Docked form caption
• Icons

To fix this issue, you can update the VCL Style through the Bitmap Style Designer.

Configure your VCL Style

You can change the system and font colors of the VCL Style by following the next steps:

1. Go to Tools > Bitmap Style Designer.
2. Select the Syscolors option from the object tree.
3. From the System Colors view, check the clActiveCaption and the clCaptionText colors.
   

Note: If you experience the issues mentioned above the clActiveCaption and the clCaptionText might have the same color configuration. By changing them, you can fix this issue.

1. Set the different colors for them.
   
2. Save changes.
3. After saving the changes and opening the IDE, the issue is fixed.
   

Relevant System and font colors

Besides reviewing the configuration above, there are other parameters you should check out in case you experience UI issues.

System colors

clActiveCaption, clInActiveCaption, clCaptionText, clInActiveCaptionText, clWindow, clWindowsText, clBtnFace, clBtnText

Fonts colors

CategoryButtonsCategoryNormal, CategoryButtonsCategorySelected, CategoryButtonsCNormal, StaticTextNormal, RadioButtonTextNormal, CheckBoxTextNormal.

See Also

• VCL Styles Overview
• Bitmap Style Designer
• Creating a Style using the Bitmap Style Designer
• Working with Images in the Bitmap Style Designer
• Using IDE Styles in Third-Party Plugins