Skip to Content

Change the background on the page title bar

Vinyl supports the look and feel customization of apps through Styles and Themes. A Theme Collection must be associated with an application in order to leverage any styles contained within that Theme. In this article we will step through how to customize a Page Title Bar region, specifically to change the background color. This implementation will change the Title Bar site wide.


If you are looking to be more granular with areas to customize, you can create a custom Style or Theme and apply it to just the area of the app you want to modify.

Step by step guide

  1. Navigate to the Theme Editor for the Theme your application is associated with
  2. Select Page - Title Bar from Components
  3. Click + Style from the Styles panel
  4. Select Container as the Area
  5. Select Background Color as the Style Type
  6. Select or enter a Background Color value
  7. Click Save
  8. Navigate to the application view and confirm the update