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

The Fabric community is upgrading! Read all of the details including the timeline and what you can expect. Learn more

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 and SQLCon Barcelona 2026

FabCon & SQLCon – Barcelona 2026

Join us in Barcelona for FabCon and SQLCon, the Fabric, Power BI, SQL, and AI community event. Save €200 with code FABCMTY200.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.