Color themes in Power BI - Dashboard Guide

Dashboard Mode - Color themes

Dashboard Goal

This dashboard shows sales performance by region and product category. It uses color themes to make the data easy to understand and visually appealing.

Sample Data

Region	Product Category	Sales	Profit
East	Furniture	1000	200
East	Technology	1500	300
West	Furniture	1200	250
West	Technology	1300	280
North	Furniture	900	180
North	Technology	1100	220
South	Furniture	800	160
South	Technology	1400	310

Dashboard Components

• KPI Card: Total Sales
  Formula: Total Sales = SUM(SalesData[Sales])
  Result: 9300
  Shows total sales across all regions and categories.
• KPI Card: Total Profit
  Formula: Total Profit = SUM(SalesData[Profit])
  Result: 1900
  Shows total profit across all regions and categories.
• Bar Chart: Sales by Region
  Axis: Region
  Values: Sales
  Color Theme: Uses a blue gradient color theme for bars to represent sales volume from low (light blue) to high (dark blue).
• Stacked Column Chart: Sales by Product Category and Region
  Axis: Region
  Legend: Product Category
  Values: Sales
  Color Theme: Furniture bars in green shades, Technology bars in orange shades for clear category distinction.
• Table: Detailed Sales and Profit
  Columns: Region, Product Category, Sales, Profit
  Color Theme: Alternating row colors in light gray and white for readability.

Dashboard Layout

+----------------------+----------------------+
|  Total Sales (KPI)   |  Total Profit (KPI)  |
+----------------------+----------------------+
|                      Bar Chart: Sales by Region                      |
+--------------------------------------------------------------------+
|       Stacked Column Chart: Sales by Product Category and Region    |
+--------------------------------------------------------------------+
|                      Table: Detailed Sales and Profit              |
+--------------------------------------------------------------------+

Interactivity

The dashboard includes a slicer to filter by Region. When a user selects a region, all components update to show data only for that region. The color themes remain consistent to help users quickly interpret the filtered data.

Self Check

If you add a filter to select only the East region, which components update?

• Both KPI cards update to show total sales and profit for East only.
• The Bar Chart updates to show sales for East only.
• The Stacked Column Chart updates to show sales by product category for East only.
• The Table updates to show detailed sales and profit rows for East only.

Key Result

Sales dashboard showing total sales, profit, and sales by region and product category with color themes for clarity.

Practice

1. What is the main purpose of using color themes in Power BI reports?

easy

A. To add animations to visuals

B. To create new data tables automatically

C. To keep report colors consistent and professional

D. To change the report layout structure

Solution

1. Step 1: Understand the role of color themes

   Color themes define a set of colors used consistently across a report.

2. Step 2: Identify the main benefit

   Using color themes ensures visuals look professional and consistent.

3. Final Answer:

   To keep report colors consistent and professional -> Option C

4. Quick Check:

   Color themes = Consistent colors [OK]

Hint: Color themes unify colors across visuals [OK]

Common Mistakes:

• Confusing color themes with animations
• Thinking color themes create data
• Assuming color themes change layout

2. Which file format is used to define a custom color theme in Power BI?

easy

A. .json

B. .xlsx

C. .csv

D. .xml

Solution

1. Step 1: Recall the file format for themes

   Power BI uses JSON files to define color themes with hex codes.

2. Step 2: Match the correct file extension

   JSON files have the extension .json.

3. Final Answer:

   .json -> Option A

4. Quick Check:

   Color themes = JSON files [OK]

Hint: Themes use JSON files with hex colors [OK]

Common Mistakes:

• Choosing XML instead of JSON
• Confusing CSV or Excel files for themes
• Not knowing file extensions

3. Given a Power BI report with a custom color theme applied, what happens when you change the theme JSON file and reapply it?

medium

A. The report layout resets to default

B. Only the background color changes, other colors stay the same

C. The data model refreshes automatically

D. All visuals update their colors according to the new theme

Solution

1. Step 1: Understand theme application effect

   Applying a theme updates all visuals' colors based on the theme's color definitions.

2. Step 2: Identify what changes on reapplying theme

   Changing the JSON and reapplying updates all colors, not just background.

3. Final Answer:

   All visuals update their colors according to the new theme -> Option D

4. Quick Check:

   Reapplying theme = Update all colors [OK]

Hint: Reapplying theme updates all visual colors [OK]

Common Mistakes:

• Thinking only background changes
• Assuming data refresh happens
• Believing layout resets

4. You tried to apply a custom color theme JSON file but Power BI shows an error. What is the most likely cause?

medium

A. The report has too many visuals

B. The JSON file has invalid syntax or missing commas

C. The data source is offline

D. The theme file is saved as .csv instead of .json

Solution

1. Step 1: Identify common JSON errors

   Invalid JSON syntax like missing commas or brackets causes errors when applying themes.

2. Step 2: Exclude unrelated causes

   Number of visuals or data source status does not affect theme application; file extension matters but is less common error than syntax.

3. Final Answer:

   The JSON file has invalid syntax or missing commas -> Option B

4. Quick Check:

   JSON syntax errors cause theme load failure [OK]

Hint: Check JSON syntax carefully for commas and brackets [OK]

Common Mistakes:

• Blaming data source or visuals count
• Ignoring JSON syntax errors
• Using wrong file extension

5. You want to create a color theme JSON file that defines three colors: primary (#1A73E8), secondary (#E37400), and background (#F5F5F5). Which JSON snippet correctly defines these colors for Power BI?

hard

A. {
"name": "CustomTheme",
"dataColors": ["#1A73E8", "#E37400"],
"background": "#F5F5F5",
"visualStyles": {}
}

B. {
"themeName": "CustomTheme",
"colors": {"primary": "#1A73E8", "secondary": "#E37400", "background": "#F5F5F5"}
}

C. {
"name": "CustomTheme",
"dataColors": ["#1A73E8", "#E37400"]
"background": "#F5F5F5"
}

D. {
"name": "CustomTheme",
"dataColors": ["#1A73E8", "#E37400"],
"backgroundColor": "#F5F5F5"
}

Solution

1. Step 1: Check required keys for Power BI theme

   Power BI themes use name, dataColors for main colors, and background for background color.

2. Step 2: Validate JSON keys and structure

   { "name": "CustomTheme", "dataColors": ["#1A73E8", "#E37400"], "background": "#F5F5F5", "visualStyles": {} } correctly uses name, dataColors array, and background key. It also includes visualStyles which is optional but valid.

3. Final Answer:

   { "name": "CustomTheme", "dataColors": ["#1A73E8", "#E37400"], "background": "#F5F5F5", "visualStyles": {} } -> Option A

4. Quick Check:

   Correct keys and hex colors = { "name": "CustomTheme", "dataColors": ["#1A73E8", "#E37400"], "background": "#F5F5F5", "visualStyles": {} } [OK]

Hint: Use 'name', 'dataColors', and 'background' keys in JSON [OK]

Common Mistakes:

• Using wrong key names like 'colors' or 'backgroundColor'
• Missing required keys like 'dataColors'
• Incorrect JSON structure or missing commas