Mashup Builder > Style Themes (Beta) > Modifying a Style Theme (Beta)
Modifying a Style Theme (Beta)
To modify a style theme:
1. From Composer, click Browse > VISUALIZATION > Style Themes (BETA).
2. Select a style theme from the list, and then click the Styles tab.
3. Modify Global and Elements style theme settings. Use the Preview pane to review your changes.
4. Click Save.
The following list outlines the various tabs that are available for modifying a style theme.
General Information — Specify general information about the style theme.
Styles — Define style settings.
Custom CSS — Add advanced CSS styling.
Permissions — Specify user permissions for visibility, run time, and design time.
Change History — View the changes made to the style theme.
View Relationships — View the style theme’s relationship to other entities.
On the Styles tab, you can modify two types of style theme settings: Global and Elements. Style settings cascade from Global to Elements.
1. Global — Modify the look of global settings for widgets, including:
Core Colors — Core color values for widgets.
Text Colors — Headers, labels, and body text.
Background Colors — Background colors for pages and widgets.
Line Colors — Borders, dividers, and interior lines.
Text — Font, thickness, and size of the following text elements:
Lines — Thickness of the following types of lines:
Borders — Lines around the edges of a widget.
Dividers — Lines dividing sections in a widget.
Interior — Lines appearing inside some widgets.
2. Elements — Modify the look of specific widget elements. You can override Global style settings by modifying specific Elements that cascade to widgets. The overrides active icon indicates Elements that override global settings. To restore Global settings to modified Elements, click Restore. You can modify the following Elements:
Buttons — Background, border, and text for the following types of widgets:
Primary Buttons
Secondary Buttons
Tertiary Buttons
Danger Buttons
Transparent Buttons
You can modify the active, hover, pressed, and disabled button states.
The Active State (Base) is the default for all other button states. For example, modifying the font for the active state automatically applies to other states such as hover. You can override this by specifying your own settings for each state.
Grids and Lists — Background, border, and text for the following types of widgets:
Lists and Dropdowns
Input Elements — Style settings such as background, border, and text for the following types of widgets:
Text Fields & Text Areas
Checkboxes — Selected and unselected states.
Radio Buttons — Selected and unselected states.
Navigation — Style settings such as background, border, and text for the following types of widgets:
Menus — Background, border, divider, and text for menu elements.
Primary Links — The active, hover, pressed, disabled, and visited states for primary links in a mashup.
Secondary Links — The active, pressed, disabled, visited, and hover states for secondary links in a mashup.
The Preview is updated automatically so you can view style settings as you modify them.
CSS settings are applied at runtime, and are not displayed in the Preview pane.