Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
4 years ago
Solved

Theme Not Fully Applying

I have a theme.json file where I have set the font for everything to the Segoe family of fonts.  When I apply the theme to an existing report, most of the settings get applied, but the fonts do not. ...
Need Help
  • v-xiaotang's avatar
    v-xiaotang
    4 years ago

    Hi Anonymous 

    After my test, the code below works, just copy it and try

    {
  "name": "Sample",


  "visualStyles": {

    "*": {
      "*": {
        "*": [
          {
            "responsive": true,
            "wordWrap": true,
            "fontSize": 10,
            "backColorPrimary": { "solid": { "color": "#ffffff" } },
            "backColorSecondary": { "solid": { "color": "#ededed" } }
          }
        ],
        "title": [
          {
            "show": true,
            "fontColor": { "solid": { "color": "#535353" } },
            "background": { "solid": { "color": "#ffffff" } },
            "alignment": "center",
            "fontSize": 12,
            "fontFamily": "Comic Sans MS"
          }
        ],

        "valueAxis": [
          {
            "showAxisTitle": true,
            "labelColor": { "solid": {} }
          }
        ]
      }
    }

    }
  }

     

    Best Regards,

    Community Support Team _Tang

    If this post helps, please consider Accept it as the solution to help the other members find it more quickly.

Anonymous's avatar
Anonymous
Not applicable
4 years ago

Here is a sample from the theme json.  This is just top level settings, but throughout the theme the fonts should be set the same on individual visuals

 

"dataColors": [

"#6B2FC9",

"#36C6CC",

"#1971D1",

"#17C774",

"#E54A59",

"#FAA916",

"#B597E4",

"#A9FAFC"

 ],

"firstLevelElements": "#171417",

"secondLevelElements": "#B2B2B6",

"secondaryBackground": "#F6F6F6",

"tableAccent": "#6B2FC9",

"good": "#17C774",

"neutral": "#B2B2B6",

"bad": "#E54A59",

"textClasses": {

"callout": { "fontSize": 32, "fontFace": "Segoe UI", "color": "#171417" },

"title": { "fontSize": 24, "fontFace": "Segoe UI", "color": "#171417" },

"header": {

"fontSize": 16,

"fontFace": "Segoe UI Semibold",

"color": "#171417"

 },

"label": { "fontSize": 14, "fontFace": "Segoe UI", "color": "#171417" }

 },