Hx - Theming

Theming

All styling in hx is handled with CSS. The core colors and fonts are defined in module://hx/javax/baja/hx/default.css. In order for your view to use the default theme, you should write your markup like this:

  
  <div class="controlShadow-bg myCustomClass" style="...">
  ...
  </div>
  

This order is important. The default class should always come first in the selector list, and before any style tag (though you should avoid using style directly in your view) - so that styles are overridden correctly.

Note: HxProfiles that override the theme should always place their custom stylesheet last to make sure it overrides any stylesheets loaded during the write() phase.