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

Data Days is here! Join us now for 60+ days of learning, challenges, and connection. 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
Fabric Data Days is here Carousel

Fabric Data Days 2026

Don't miss out on Data Days, June 15 through August 7. Learn Fabric, Power BI, SQL, AI and more.

May Power BI Update Carousel

Power BI Monthly Update - May 2026

Check out the May 2026 Power BI update to learn about new features.

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.

Top Kudoed Authors