Forum Discussion

Analitika's avatar
Analitika
Post Prodigy
4 years ago

Customize theme in Power BI

Hello,

 

 

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

  • Anonymous's avatar
    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"
    }

    Best Regards

      • Anonymous's avatar
        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"
        }

        Best Regards