Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
7 years ago
Solved

Custom Themes

Hi everyone,   I've tried searching for my answer regarding custom themes, but have finally resulted in posting my question to the forum - my apologies if this has been covered.   I've trying to ...
Need Help
  • v-lid-msft's avatar
    v-lid-msft
    7 years ago

    Hi Anonymous ,

     

    You can add the visual setting inside “visualStyles” for each visual according to this docs:

    https://docs.microsoft.com/en-us/power-bi/desktop-report-themes#report-theme-json-file-format

     

    {
"name": "TestCusotmTheam",
"visualStyles": {
    "clusteredBarChart": {
        "*": {
            "title": [{
                "show": true,
                "fontColor": { "solid": { "color": "#BEBEBE" } },
                "alignment": "center",
                "fontSize": 11,
                "fontFamily": "Arial"
            }]
        }
    },
    "card": {
        "*": {
            "title": [{
                "show": true,
                "fontColor": { "solid": { "color": "#00FF00" } },
                "alignment": "center",
                "fontSize": 11,
                "fontFamily": "Arial"
            }]
        }
    },
    "page": {
            "*": {
                "background": [{
                "color": { "solid": { "color": "#FFFFFF" } },
                "transparency": 25
            }],
            "outspace": [{
                "color": { "solid": { "color": "#004753" } },
                "transparency": 0
            }]
        }
    }
    }
}

     

    BTW, json as attached.

     

    Community Support Team _ DongLi
    If this post helps, then please consider Accept it as the solution to help the other members find it more

v-lid-msft's avatar
v-lid-msft
Icon for Community Support rankCommunity Support
7 years ago

Hi Anonymous ,

 

You can add the visual setting inside “visualStyles” for each visual according to this docs:

https://docs.microsoft.com/en-us/power-bi/desktop-report-themes#report-theme-json-file-format

 

{
"name": "TestCusotmTheam",
"visualStyles": {
    "clusteredBarChart": {
        "*": {
            "title": [{
                "show": true,
                "fontColor": { "solid": { "color": "#BEBEBE" } },
                "alignment": "center",
                "fontSize": 11,
                "fontFamily": "Arial"
            }]
        }
    },
    "card": {
        "*": {
            "title": [{
                "show": true,
                "fontColor": { "solid": { "color": "#00FF00" } },
                "alignment": "center",
                "fontSize": 11,
                "fontFamily": "Arial"
            }]
        }
    },
    "page": {
            "*": {
                "background": [{
                "color": { "solid": { "color": "#FFFFFF" } },
                "transparency": 25
            }],
            "outspace": [{
                "color": { "solid": { "color": "#004753" } },
                "transparency": 0
            }]
        }
    }
    }
}

 

BTW, json as attached.

 

Community Support Team _ DongLi
If this post helps, then please consider Accept it as the solution to help the other members find it more

  • Anonymous's avatar
    Anonymous
    Not applicable
    7 years ago

    Thank you very much!

     

    I used snippets from your example to create what I needed, which was a title with white text and a grey background, and it worked a treat. Your examples worked perfectly.

     

    This is what I used.

     

    {
"name": "TestTheme",
"visualStyles": {
    "clusteredBarChart": {
        "*": {
            "title": 	[{
                "show": true,
                "fontColor": { "solid": { "color": "#ffffff" } },
                "alignment": "center",
                "fontSize": 9,
                "fontFamily": "Segoe UI",
		"background": { "solid": { "color": "#666666" } }
            }]
        }
    }
}
}

    Many thanks,

    Martyn