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

The Power BI Data Visualization World Championships is back! It's time to submit your entry. Live 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
Power BI DataViz World Championships

Power BI Dataviz World Championships

The Power BI Data Visualization World Championships is back! It's time to submit your entry.

January Power BI Update Carousel

Power BI Monthly Update - January 2026

Check out the January 2026 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.