Color themes in Power BI - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to apply a custom color theme in Power BI.

Power BI

{
  "name": "Custom Theme",
  "dataColors": [[1]]
}

Drag options to blanks, or click blank then click option'

A"#123456", "#654321", "#abcdef"

B"#01B8AA", "#374649", "#FD625E"

C"red", "green", "blue"

D"#000000", "#FFFFFF", "#888888"

Attempts:

3 left

💡 Hint

Common Mistakes

Using color names instead of hex codes.

Not enclosing colors in quotes.

Missing commas between colors.

The dataColors property requires an array of hex color codes as strings to define the theme colors.

2fill in blank

medium

Complete the JSON snippet to set the background color of the report page.

Power BI

{
  "name": "Background Theme",
  "background": [1]
}

Drag options to blanks, or click blank then click option'

A"white"

Bwhite

C"#FFFFFF"

D#FFFFFF

Attempts:

3 left

💡 Hint

Common Mistakes

Using unquoted color names like white.

Using raw hex codes without quotes.

The background property expects a string with a hex color code in quotes.

3fill in blank

hard

Fix the error in the JSON theme snippet to correctly set the font color.

Power BI

{
  "name": "Font Theme",
  "textClasses": {
    "title": {
      "color": [1]
    }
  }
}

Drag options to blanks, or click blank then click option'

A"#333333"

B#333333

C333333

D"333333"

Attempts:

3 left

💡 Hint

Common Mistakes

Missing quotes around the hex code.

Using the hex code without the # symbol.

The color property must be a string with the hex code in quotes.

4fill in blank

hard

Fill both blanks to define a theme with a primary color and a secondary color.

Power BI

{
  "name": "Two Color Theme",
  "dataColors": [[1], [2]]
}

Drag options to blanks, or click blank then click option'

A"#FF5733"

B"#33FF57"

C"#3357FF"

D"#F0F0F0"

Attempts:

3 left

💡 Hint

Common Mistakes

Using color names instead of hex codes.

Using the same color twice.

The dataColors array holds the colors used in visuals. Here, the first color is primary and the second is secondary.

5fill in blank

hard

Fill all three blanks to create a theme with background, foreground, and table accent colors.

Power BI

{
  "name": "Full Theme",
  "background": [1],
  "foreground": [2],
  "tableAccent": [3]
}

Drag options to blanks, or click blank then click option'

A"#FFFFFF"

B"#000000"

C"#0078D7"

D"#FF0000"

Attempts:

3 left

💡 Hint

Common Mistakes

Not using quotes around color codes.

Mixing color names with hex codes.

The background, foreground, and tableAccent properties each require a hex color code string.