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

July 7 - July 17 | Round 2 of the Power BI Dataviz World Championships. Don't miss your chance! 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
FabCon and SQLCon Barcelona 2026

FabCon & SQLCon – Barcelona 2026

Join us in Barcelona for FabCon and SQLCon, the Fabric, Power BI, SQL, and AI community event. Save €200 with code FABCMTY200.

60 days of Data Days Carousel

Data Days 2026

Join Fabric Data Days 2026: 60 days of free live/on-demand sessions, challenges, study groups, and certification opportunities.

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.