MashZone NextGen 10.2 | 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-2018 | Software AG, Darmstadt, Germany and/or Software AG USA, Inc., Reston, VA, USA, and/or its subsidiaries and/or its affiliates and/or their licensors.
Innovation Release