Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
7 years ago
Solved

JSON Theme background color not apply

Hi,

 

Informations: Powerbi Desktop, version 2.70

 

My need is simple: I would like to apply a global color background on all reports.

To perform this need, i've created a JSON fil with the code bellow:

 

{	
    "name": "Custom",
    "dataColors": ["#EE3322", "#FFA300", "#FFEE22", "#C3D600", "#119988", "#7B7EAB", "#B42573", "#998877"],
    "background": "#000000"
}

The background should be black, but it's still in white (default color).

 

Regards,

Pierre Blondel

 

Custom Visuals
  • v-qiuyu-msft's avatar
    v-qiuyu-msft
    7 years ago

    Hi Anonymous, 

     

    In your scenario, the "background" means "The background applies to button fill and combo chart label background. How these colors are used depends on the specific visual style that's applied. The table and matrix visuals apply these styles by default." according to this document. 

     

    In your scenario, if you want to set the page background color via custom theme, you can modify your json file like below: 

     

    {	
    "name": "Custom",
    "dataColors": ["#EE3322", "#FFA300", "#FFEE22", "#C3D600", "#119988", "#7B7EAB", "#B42573", "#998877"],
    "background": "#FFFFFF",
"visualStyles": {
        "page": {
            "*": {
                "background": [
                    {
                        "color": {
                            "solid": {
                                "color": "#000000"
                            }
                        },
                        "transparency": 0
                    }
                ]
            }
        }
    }
}

    Reference: 

    https://www.cathrinewilhelmsen.net/2018/12/11/custom-power-bi-themes-page-background-colors/

     

    Best Regards,
    Qiuyun Yu

2 Replies

  • v-qiuyu-msft's avatar
    v-qiuyu-msft
    Community Support
    7 years ago

    Hi Anonymous, 

     

    In your scenario, the "background" means "The background applies to button fill and combo chart label background. How these colors are used depends on the specific visual style that's applied. The table and matrix visuals apply these styles by default." according to this document. 

     

    In your scenario, if you want to set the page background color via custom theme, you can modify your json file like below: 

     

    {	
    "name": "Custom",
    "dataColors": ["#EE3322", "#FFA300", "#FFEE22", "#C3D600", "#119988", "#7B7EAB", "#B42573", "#998877"],
    "background": "#FFFFFF",
"visualStyles": {
        "page": {
            "*": {
                "background": [
                    {
                        "color": {
                            "solid": {
                                "color": "#000000"
                            }
                        },
                        "transparency": 0
                    }
                ]
            }
        }
    }
}

    Reference: 

    https://www.cathrinewilhelmsen.net/2018/12/11/custom-power-bi-themes-page-background-colors/

     

    Best Regards,
    Qiuyun Yu

    • deepakbhatta007's avatar
      deepakbhatta007
      New Member
      2 years ago

      Hi v-qiuyu-msft - Can you advise how to custom edit the json to change the background color of the column headers in the table visual as well ? Thanks. Is there a link where we can find all the properties ? I tried editing a table visual with the desired background color of the column headers and export the theme but it didn't capture those properties.