CSS Selectors for Themes
The styles for the built-in MashZone NextGen themes for basic apps are defined in the MashZoneNG-install/apache-tomcat/webapps/mashzone/hub/css/app-themes.css file.
Some general rules of thumb for finding and working with theme selectors:
Style names with selectors starting with
div.mashlet.color-theme apply to the theme for that specific color.
Style names with selectors that do not have a color name are for the Gray theme, which is the default theme.
Use
div.app-app-name in override styles for either
div.mashlet.color-theme or
div.mashlet.
Icons for toolbar buttons are defined as 16 x 16 pixels.
Images are defined in styles with .app-chrome-toolbar for the app title bar or .view-header for view title bars.
Title bars are defined in styles with
.views-container .view-header, for views, or
.data-view .view-header, for the app.
You can override title bars for all views using a style with .views-container .view-header. Or use .view-view-name .view-header to override the view title bar for a specific view.
Borders are defined in styles with
.mashlet-content,
.view-card and
.basic-app-input.
The content background is defined in styles with
.mashlet-content.
Tabs for multi-view apps with a tab layout are defined in styles with
ul.ui-tabs-nav.
