While you are free to style your own widgets as you like, the runtime-library operates with a simple set of rules for how styles should operate.


The style mapping to your object pascal class should never involve border or background. It should be purely structural, setting up things like layout, animations or whatever else that does not involve the border or background.


  • The theme file defines borders separately, and these borders are known to the IDE and you should not change their names. You are free to change the content of these styles and create your own themes of-course, but the name of the known borders should remain the same.
  • The same is true for the background styles, these are likewise defined as separate entities. In most themes these will be quite similar, but it's important to retain the theme organization.


Remember: You are supposed to edit your project's theme.css file! Its not carved in stone and you should always go in and change whatever you want.

While many developers are used to Delphi where theme files are somewhat off limits (or not easily altered), under QTX you are supported to jump in and adjust things. HTML5 is a moving canvas and the very medium demands that you personalize it.