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

Get Fabric Certified for FREE during Fabric Data Days. Don't miss your chance! Request now

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
November Power BI Update Carousel

Power BI Monthly Update - November 2025

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

Fabric Data Days Carousel

Fabric Data Days

Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!

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.