Appendix : Legacy Presto components : Apps and Workspaces : Custom Apps : Customize a Basic App or View : Customize Themes for Basic Apps and Views : CSS Selectors for Themes
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.
Copyright © 2013-2017 Software AG, Darmstadt, Germany.

Product LogoContact Support   |   Community   |   Feedback