Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Calling all Data Engineers! Fabric Data Engineer (Exam DP-700) live sessions are back! Starting October 16th. Sign up.

Reply
Analitika
Post Prodigy
Post Prodigy

Customize theme in Power BI

Hello,

 

Analitika_0-1650979781134.png

 

I have these visuals. I want to define their x, y scale values color. I am using theme but need also change this. How to define color. Current color is black, I need white color.

Here is my theme json:

{"name":"Metricalist - Power BI Windows 11 Theme","visualStyles":{"page":{"*":{"background":[{"color":{"solid":{"color":"#202020"}},"transparency":0}],"outspace":[{"color":{"solid":{"color":"#DFDFE9"}}}],"displayArea":[{"verticalAlignment":"Middle"}]}},"*":{"*":{"outspacePane":[{"backgroundColor":{"solid":{"color":"#DFDFE9"}},"foregroundColor":{"solid":{"color":"#323447"}},"checkboxAndApplyColor":{"solid":{"color":"#60CDFF"}}}],"filterCard":[{"$id":"Applied","backgroundColor":{"solid":{"color":"#FCFDFE"}},"foregroundColor":{"solid":{"color":"#323447"}},"transparency":0},{"$id":"Available","backgroundColor":{"solid":{"color":"#F1F2F7"}},"foregroundColor":{"solid":{"color":"#323447"}},"transparency":0}],"background":[{"color":{"solid":{"color":"#2C2C2C"}}}],"border":[{"color":{"solid":{"color":"#2C2C2C"}},"show":true,"radius":5}],"visualHeader":[{"background":{"solid":{"color":"#2C2C2C"}},"foreground":{"solid":{"color":"#F8FAF7"}},"border":{"solid":{"color":"#2C2C2C"}}}],"visualTooltip":[{"titleFontColor":{"solid":{"color":"#262735"}},"valueFontColor":{"solid":{"color":"#2C2C2C"}},"background":{"solid":{"color":"#F8FAF7"}}}],"visualHeaderTooltip":[{"titleFontColor":{"solid":{"color":"#262735"}},"background":{"solid":{"color":"#F8FAF7"}}}],"dropShadow":[{"position":"Outer","show":false,"color":{"solid":{"color":"#000000"}}}]}}},"dataColors":["#005FB8","#60CDFF","#777777","#459BAC","#D0000C","#696CB5","#CCCCCC","#000000"],"textClasses":{"label":{"fontFace":"wf_standard-font, helvetica, arial, sans-serif","color":"#F8FAF7","fontSize":10},"callout":{"color":"#F8FAF7","fontSize":9,"fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif"},"title":{"color":"#F8FAF7","fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif","fontSize":9},"header":{"color":"#F8FAF7","fontSize":9,"fontFace":"'Segoe UI Semibold', wf_segoe-ui_semibold, helvetica, arial, sans-serif"}},"bad":"#60CDFF","neutral":"#CCCCCC","good":"#005FB8","minimum":"#60CDFF","center":"#CCCCCC","maximum":"#005FB8","foreground":"#F8FAF7","foregroundNeutralSecondary":"#CCCCCC","backgroundLight":"#262735","background":"#323447","foregroundNeutralTertiary":"#ADAEB5","backgroundNeutral":"#848591"}

I have no idea where I have put code changing my visuals x, y scale values colors: from current black to white as example.

5 REPLIES 5
Anonymous
Not applicable

Hi @Analitika ,

Please try to update the codes of theme json file as follow, please check the below screenshot for the updated info...

{  "name":"Metricalist - Power BI Windows 11 Theme",
   "visualStyles":{
      "page":{
         "*":{
            "background":[
               {
                  "color":{
                     "solid":{
                        "color":"#202020"
                     }
                  },
                  "transparency":0
               }
            ],
            "outspace":[
               {
                  "color":{
                     "solid":{
                        "color":"#DFDFE9"
                     }
                  }
               }
            ],
            "displayArea":[
               {
                  "verticalAlignment":"Middle"
               }
            ]
         }
      },
      "*":{
         "*":{
            "outspacePane":[
               {
                  "backgroundColor":{
                     "solid":{
                        "color":"#DFDFE9"
                     }
                  },
                  "foregroundColor":{
                     "solid":{
                        "color":"#323447"
                     }
                  },
                  "checkboxAndApplyColor":{
                     "solid":{
                        "color":"#60CDFF"
                     }
                  }
               }
            ],
            "filterCard":[
               {
                  "$id":"Applied",
                  "backgroundColor":{
                     "solid":{
                        "color":"#FCFDFE"
                     }
                  },
                  "foregroundColor":{
                     "solid":{
                        "color":"#323447"
                     }
                  },
                  "transparency":0
               },
               {
                  "$id":"Available",
                  "backgroundColor":{
                     "solid":{
                        "color":"#F1F2F7"
                     }
                  },
                  "foregroundColor":{
                     "solid":{
                        "color":"#323447"
                     }
                  },
                  "transparency":0
               }
            ],
            "background":[
               {
                  "color":{
                     "solid":{
                        "color":"#FFFFFF"
                     }
                  }
               }
            ],
            "border":[
               {
                  "color":{
                     "solid":{
                        "color":"#2C2C2C"
                     }
                  },
                  "show":true,
                  "radius":5
               }
            ],
            "visualHeader":[
               {
                  "background":{
                     "solid":{
                        "color":"#2C2C2C"
                     }
                  },
                  "foreground":{
                     "solid":{
                        "color":"#F8FAF7"
                     }
                  },
                  "border":{
                     "solid":{
                        "color":"#2C2C2C"
                     }
                  }
               }
            ],
            "visualTooltip":[
               {
                  "titleFontColor":{
                     "solid":{
                        "color":"#262735"
                     }
                  },
                  "valueFontColor":{
                     "solid":{
                        "color":"#2C2C2C"
                     }
                  },
                  "background":{
                     "solid":{
                        "color":"#F8FAF7"
                     }
                  }
               }
            ],
            "visualHeaderTooltip":[
               {
                  "titleFontColor":{
                     "solid":{
                        "color":"#262735"
                     }
                  },
                  "background":{
                     "solid":{
                        "color":"#F8FAF7"
                     }
                  }
               }
            ],
            "dropShadow":[
               {
                  "position":"Outer",
                  "show":false,
                  "color":{
                     "solid":{
                        "color":"#000000"
                     }
                  }
               }
            ]
         }
      }
   },
   "dataColors":[
      "#005FB8",
      "#60CDFF",
      "#777777",
      "#459BAC",
      "#D0000C",
      "#696CB5",
      "#CCCCCC",
      "#000000"
   ],
   "textClasses":{
      "label":{
         "fontFace":"wf_standard-font, helvetica, arial, sans-serif",
         "color":"#F8FAF7",
         "fontSize":10
      },
      "callout":{
         "color":"#F8FAF7",
         "fontSize":9,
         "fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif"
      },
      "title":{
         "color":"#F8FAF7",
         "fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif",
         "fontSize":9
      },
      "header":{
         "color":"#F8FAF7",
         "fontSize":9,
         "fontFace":"'Segoe UI Semibold', wf_segoe-ui_semibold, helvetica, arial, sans-serif"
      }
   },
   "bad":"#60CDFF",
   "neutral":"#CCCCCC",
   "good":"#005FB8",
   "minimum":"#60CDFF",
   "center":"#CCCCCC",
   "maximum":"#005FB8",
   "foreground":"#F8FAF7",
   "foregroundNeutralSecondary":"#CCCCCC",
   "backgroundLight":"#262735",
   "background":"#323447",
   "foregroundNeutralTertiary":"#ADAEB5",
   "backgroundNeutral":"#848591"
}

yingyinr_0-1651218756509.png

Best Regards

Ok but it didn't change all visuals:

Analitika_0-1651219469575.png

 

Anonymous
Not applicable

Hi @Analitika ,

Please update the codes as below:

{  "name":"Metricalist - Power BI Windows 11 Theme",
   "visualStyles":{
      "page":{
         "*":{
            "background":[
               {
                  "color":{
                     "solid":{
                        "color":"#202020"
                     }
                  },
                  "transparency":0
               }
            ],
            "outspace":[
               {
                  "color":{
                     "solid":{
                        "color":"#DFDFE9"
                     }
                  }
               }
            ],
            "displayArea":[
               {
                  "verticalAlignment":"Middle"
               }
            ]
         }
      },
      "*":{
         "*":{
            "outspacePane":[
               {
                  "backgroundColor":{
                     "solid":{
                        "color":"#DFDFE9"
                     }
                  },
                  "foregroundColor":{
                     "solid":{
                        "color":"#323447"
                     }
                  },
                  "checkboxAndApplyColor":{
                     "solid":{
                        "color":"#60CDFF"
                     }
                  }
               }
            ],
            "filterCard":[
               {
                  "$id":"Applied",
                  "backgroundColor":{
                     "solid":{
                        "color":"#FCFDFE"
                     }
                  },
                  "foregroundColor":{
                     "solid":{
                        "color":"#323447"
                     }
                  },
                  "transparency":0
               },
               {
                  "$id":"Available",
                  "backgroundColor":{
                     "solid":{
                        "color":"#F1F2F7"
                     }
                  },
                  "foregroundColor":{
                     "solid":{
                        "color":"#323447"
                     }
                  },
                  "transparency":0
               }
            ],
            "background":[
               {
                  "color":{
                     "solid":{
                        "color":"#2C2C2C"
                     }
                  }
               }
            ],
            "border":[
               {
                  "color":{
                     "solid":{
                        "color":"#2C2C2C"
                     }
                  },
                  "show":true,
                  "radius":5
               }
            ],
            "visualHeader":[
               {
                  "background":{
                     "solid":{
                        "color":"#2C2C2C"
                     }
                  },
                  "foreground":{
                     "solid":{
                        "color":"#F8FAF7"
                     }
                  },
                  "border":{
                     "solid":{
                        "color":"#2C2C2C"
                     }
                  }
               }
            ],
            "visualTooltip":[
               {
                  "titleFontColor":{
                     "solid":{
                        "color":"#262735"
                     }
                  },
                  "valueFontColor":{
                     "solid":{
                        "color":"#2C2C2C"
                     }
                  },
                  "background":{
                     "solid":{
                        "color":"#F8FAF7"
                     }
                  }
               }
            ],
            "visualHeaderTooltip":[
               {
                  "titleFontColor":{
                     "solid":{
                        "color":"#262735"
                     }
                  },
                  "background":{
                     "solid":{
                        "color":"#F8FAF7"
                     }
                  }
               }
            ],
            "dropShadow":[
               {
                  "position":"Outer",
                  "show":false,
                  "color":{
                     "solid":{
                        "color":"#000000"
                     }
                  }
               }
            ]
         }
      }
   },
   "dataColors":[
      "#005FB8",
      "#60CDFF",
      "#777777",
      "#459BAC",
      "#D0000C",
      "#696CB5",
      "#CCCCCC",
      "#000000"
   ],
   "textClasses":{
      "label":{
         "fontFace":"wf_standard-font, helvetica, arial, sans-serif",
         "color":"#FFFFFF",
         "fontSize":10
      },
      "callout":{
         "color":"#FFFFFF",
         "fontSize":9,
         "fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif"
      },
      "title":{
         "color":"#FFFFFF",
         "fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif",
         "fontSize":9
      },
      "header":{
         "color":"#FFFFFF",
         "fontSize":9,
         "fontFace":"'Segoe UI Semibold', wf_segoe-ui_semibold, helvetica, arial, sans-serif"
      }
   },
   "bad":"#60CDFF",
   "neutral":"#CCCCCC",
   "good":"#005FB8",
   "minimum":"#60CDFF",
   "center":"#CCCCCC",
   "maximum":"#005FB8",
   "foreground":"#F8FAF7",
   "foregroundNeutralSecondary":"#CCCCCC",
   "backgroundLight":"#262735",
   "background":"#323447",
   "foregroundNeutralTertiary":"#ADAEB5",
   "backgroundNeutral":"#848591"
}

yingyinr_0-1651220545710.png

Best Regards

Seems it doesn't override if I change some parameters. Visuals not changes.

Anonymous
Not applicable

Hi @Analitika ,

What does the visual look like now after you have changed it according to the information I provided in my previous post? Could you please provide some screenshots? Thank you.

Best Regards

Helpful resources

Announcements
FabCon Global Hackathon Carousel

FabCon Global Hackathon

Join the Fabric FabCon Global Hackathon—running virtually through Nov 3. Open to all skill levels. $10,000 in prizes!

September Power BI Update Carousel

Power BI Monthly Update - September 2025

Check out the September 2025 Power BI update to learn about new features.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.