Overview

Color Overrides let you customize how data segments appear in charts across Display. This feature is useful for analysts, marketing managers, and reporting users who want consistent visual storytelling—for example, applying brand colors to specific topics, accounts, or sentiments.

You can apply Color Overrides at two levels:

• Style Kit level (for consistent colors across multiple assets)
• Individual item level (Storyboard, Scene, Panel, or Widget)

​

Display also supports a drag-and-drop handle in design widgets, making it easier to rearrange and organize design elements while configuring color settings.

Accessing Display

1. Click Launchpad or New Tab . Navigate to Sprinklr Social.

2. From the Analyze section, under Visualizations, click Display.

Set Color Overrides in a Style Kit

Use this option when you want consistent colors across multiple Storyboards, Scenes, Panels, or Widgets.

Steps

1. In the Storyboard Manager, click Style Kit Library in the top-right corner.

2. Do one of the following:

   • Select an existing Style Kit, or
   • Click Create (top right) and enter a name for the new Style Kit
3. Under Color Overrides, click the Add (+) icon to enable the feature.

4. Configure your color overrides:

   • Click a color value to change it
   • Edit the dimension value (for example, topic name, account name, theme name, or brand name)
   • Click the minus (–) icon to remove a value
   • Click the plus (+) icon to add a new value
5. Click Save.

​

Result: When this Style Kit is applied, all linked Storyboards, Scenes, Panels, and Widgets inherit the defined Color Overrides.

Set Color Overrides for Individual Items

Use this option when you want to customize colors for a specific Storyboard, Panel, or Widget.

Steps

1. Navigate to the item (Storyboard, Scene, Panel, or Widget)
2. Select the item
3. Go to the Design panel
4. Click the Add (+) icon under Color Overrides to enable the feature

5. Configure your color overrides:

   • Click a color value to change it
   • Edit the assigned dimension value (topic, account, theme, brand, and so on)
   • Remove values using the minus (–) icon
   • Add values using the plus (+) icon
6. Click Save.

Result: Charts update in real time as you make changes.

​

Reorder Design Elements Using Drag-and-Drop

With the enhanced Display experience, you can now use a drag-and-drop handle to rearrange design elements across widgets.

How It Works

• Hover over a design element to reveal the drag handle
• Click and drag the handle to reposition the element
• Drop it in the desired location within the widget layout

​

Best Practices

• Use Style Kits for consistency across multiple dashboards
• Use individual overrides for one-off adjustments
• Align color choices with your organization’s branding guidelines
• Avoid assigning too many colors to similar dimensions to maintain readability

Notes

• By default, sentiment values appear with predefined colors
• Color Overrides take precedence over default styling
• Changes apply instantly in preview