Forum Discussion

Yash's avatar
Yash
Advocate I
11 years ago
Solved

Custom themes

Hello,   Will Power BI support custom themese in future?   Thanks, Yash  
Anonymous's avatar
Anonymous
Not applicable
7 years ago

I am still having issues with using the JSON file for Themes in Power BI, some of the sections of the file do not work.  I am simply trying to apply a theme which has a white background on the visuals and a light grey background on the page.  the page visual is loaded as an image and the Border and Background should be controlled by the theme file.  I have tried following advice from here: https://community.powerbi.com/t5/Webinars-and-Video-Gallery/How-to-create-a-Power-BI-theme-with-a-JSON-file/m-p/325453 but again some of the information on card names is incorrect.   The documentation here doesn't give you all you need with working samples: https://docs.microsoft.com/en-us/power-bi/desktop-report-themes.  

 

Here is the theme file contents.  can you please help? 

 

 {
  "name": "Theme v1",
  "background": "#ffffff",
  "foreground": "#0C3370",
  "tableAccent": "#144496",
  "dataColors": [
    "#0C3370",
    "#144496",
    "#5D74B2",
    "#8BA5D6",
    "#B5CDE5",
    "#D2DFED",
    "#E9EFFC",
    "#071937"
  ],
  "visualStyles": {
    "*": {
      "*": {
        "*": [
          {
            "fontSize": 9,
            "fontFamily": "Segoe UI Light"
          }
        ],
        "Comment": "this section modifies properties of all visuals which correspond with the property in quotes",
        "title": [
          {
            "show": true,
            "fontColor": {
              "solid": {
                "color": "#000000"
              }
            },
            "background": {
              "solid": {
                "color": "#FFFFFF"
              }
            },
            "alignment": "left",
            "fontSize": 11,
            "fontFamily": "Segoe UI Light"
          }
        ]
      }
    },
    "Comment": "this section modifies settings for the Tables",
    "tableEx": {
      "*": {
        "grid": [
          {"gridVertical":false,
    "gridHorizontal":false,
            "textSize": 9
          }
        ],
 "values": [
 {"bandedRowHeaders" : "false",
 "backColorPrimary" : {
              "solid": {
                "color": "#FFFFFF"
              }
            },
 "backColorSecondary" : {
              "solid": {
                "color": "#FFFFFF"
              }
            }
 }
 ],
        "columnHeaders": [
          {
            "fontFamily": "Segoe UI",
            "fontSize": 9,
            "color": {
              "solid": {
                "color": "#0C3370"
              }
            },
            "outline": "TopBottom"
          }
        ],
        "background": [
          {
            "show": true,
            "color": {
              "solid": {
                "color": "#FFFFFF"
              }
            },
            "transparency": 0
          }
        ],
        "border": [
          {
            "show": true,
            "color": {
              "solid": {
                "color": "#D1DBEE"
              }
            }
          }
        ]
      }
    },
    "Comment": "this section modifies settings for the Pivot Tables / Matrix",
    "pivotTable": {
      "*": {
        "grid": [
          {"gridVertical":false,
    "gridHorizontal":false,
            "textSize": 9
          }
        ],
 "values": [
 {"bandedRowHeaders" : false,
 "backColorPrimary" : {
              "solid": {
                "color": "#FFFFFF"
              }
            },
 "backColorSecondary" : {
              "solid": {
                "color": "#FFFFFF"
              }
            }
 }
 ],
        "columnHeaders": [
          {
            "outline": "TopBottom",
            "autoSizeColumnWidth" : false,
            "fontFamily": "Segoe UI",
            "fontSize": 9,
            "color": {
              "solid": {
                "color": "#0C3370"
              }
            }
          }
        ],
        "background": [
          {
            "show": true,
            "color": {
              "solid": {
                "color": "#FFFFFF"
              }
            },
            "transparency": 0
          }
        ],
        "border": [
          {
            "show": true,
            "color": {
              "solid": {
                "color": "#D1DBEE"
              }
            }
          }
        ]
      }
    },
    "Comment": "this section modifies settings for the Line Charts",
    "lineChart": {
      "*": {
        "background": [
          {
            "show": true,
            "color": {
              "solid": {
                "color": "#FFFFFF"
              }
            },
            "transparency": 0
          }
        ],
        "border": [
          {
            "show": true,
            "color": {
              "solid": {
                "color": "#D1DBEE"
              }
            }
          }
        ]
      }
    },
    "Comment": "this section modifies settings for the Column Charts",
    "columnChart": {
      "*": {
        "Background": [
          {
            "show": true,
            "color": {
              "solid": {
                "color": "#FFFFFF"
              }
            },
            "transparency": 0
          }
        ],
        "border": [
          {
            "show": true,
            "color": {
              "solid": {
                "color": "#D1DBEE"
              }
            }
          }
        ]
      }
    }
  }
}