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

The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more

Reply
cdknuth
Frequent Visitor

theme json file example

Does anyone have a working json file that updates the font and font size? The defaults are horrific. I've tried the theme generator and example from curbal but neither actually work.

6 REPLIES 6
Anonymous
Not applicable

Hi @cdknuth,

 

Maybe you can refer to following link which told about custom theme elements.

Custom Report Theme JSON Property settings in Tables/Matrix

 

Regards,

Xiaoxin Sheng

Thanks, Xiaoxin. I've tried these formats and neither work.

 


   "name":"Jan 2018 Theme",
   "dataColors":
 [ 
        "#0069aa",
        "#4f8dc2",
        "#9ab7da",
        "#cedaec",
        "#00c762",
        "#fbe7a6",
        "#ff544a",
        "#f89a1c",
        "#545451"
 ],
     "background":"#FFFFFF",
     "foreground":"#545451",
     "tableAccent":"#4f8dc2",

     "visualStyles":{ 
          "*":{ 
             "*": { 
                 "*": {[ "fontFamily":"Segoe UI"]}
          }
        }
                 }  
}

 

 


   "name":"Jan 2018 Theme",
   "dataColors":
 [ 
        "#0069aa",
        "#4f8dc2",
        "#9ab7da",
        "#cedaec",
        "#00c762",
        "#fbe7a6",
        "#ff544a",
        "#f89a1c",
        "#545451"
 ],
     "background":"#FFFFFF",
     "foreground":"#545451",
     "tableAccent":"#4f8dc2",

     "visualStyles":{ 
          "*":{ 
             "*": { 
                 "*": [{ "fontFamily":"Segoe UI"}]
          }
        }
                 }  
}
    

 

 

Anonymous
Not applicable

HI @cdknuth,

 

You can try to use below json formula and replace bold part with a valid font name.

{
    "name":"Jan 2018 Theme",
    "dataColors":[
        "#0069aa",
        "#4f8dc2",
        "#9ab7da",
        "#cedaec",
        "#00c762",
        "#fbe7a6",
        "#ff544a",
        "#f89a1c",
        "#545451"
    ],
    "background":"#FFFFFF",
    "foreground":"#545451",
    "tableAccent":"#4f8dc2",
    "visualStyles":{
        "*":{
            "*":{
                "*":[
                    {
                        "fontFamily":"Segoe UI"
                    }
                ]
            }
        }
    }
}

 3.PNG


Regards,

Xiaoxin Sheng

Thanks for the attempt, but this still doesn't work for me. Perhaps I need a newer version.

Anonymous
Not applicable

HI @cdknuth,


Maybe you can try to use below json file, I package code and confirm it works on my side.

 

Regards,

Xiaoxin Sheng

Nope. Still doesn't work for me.

Helpful resources

Announcements
Power BI DataViz World Championships

Power BI Dataviz World Championships

The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!

December 2025 Power BI Update Carousel

Power BI Monthly Update - December 2025

Check out the December 2025 Power BI Holiday Recap!

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.

Top Solution Authors