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

July 28 - August 9 | Final Round of the Power BI Dataviz World Championships. This is 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
Fabric Community Sticker Design Challenge Barcelona Carousel

Fabric Community Sticker Challenge - Barcelona 2026

If you love stickers, then you will definitely want to check out our community sticker challenge, Barcelona edition!

July Power BI Update Carousel

Power BI Monthly Update - July 2026

Check out the July 2026 Power BI update to learn about new features.

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.

Top Solution Authors