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

 

27 Replies

  • regbac's avatar
    regbac
    Regular Visitor
    Hi. It is not possible yet. But a certain of the designer was shown at ignite that had customized themes. So I guess we just need to keep waiting a little longer.
    Cheers
    Régis
    • anywhereanytime's avatar
      anywhereanytime
      Helper III

      On a dashboard, we can change the background of a "tile" in the report editor but the "tile background" is still white on the dashboard - we even tried to "re-pin" the tile, but it still remiains white - on the report view, it remains the new background color we chose.

       

      What are we doing wrong?

       

      Also, due to company "colors and branding" - it is now September 8, 2015 - when will we be able to appy a "global color theme"?

      • crmguru's avatar
        crmguru
        Advocate I

        Why is this marked as "solved" - it is now September 20, 2015 and I hardly think that this is "solved"?

  • DimitriNoyen's avatar
    DimitriNoyen
    Frequent Visitor

    The custom theme preview feature is great. Is it possible to specify a report background, please? Thanks you

      • anywhereanytime's avatar
        anywhereanytime
        Helper III

        That is certainly reassuring!  That said, and with "monthly" updates, we sure could use guidance as to "how to best prepare" for "colored" backgrounds so that we don't have to start over when the "full themes" functionality rolls out.

         

        Themes are, without a doubt, a huge customer requirement and a competitive "disadvantage"!

         

        We read about a "Themes/Customer Gallery" and that would be an enormous benefit - please make this ASAP!

         

        Would it be possible to "provide us some roadmap guidance"?

  • noggerwood's avatar
    noggerwood
    Regular Visitor

    The custom themes preview feature is fantastic, really speeds up the workflow when developing reports in Power BI.

     

    Do you have a list of all the attributes that can be customised using a theme? Or is this currently the full list...

    "dataColors", "background","foreground" & "tableAccent"?

  • Anonymous's avatar
    Anonymous
    Not applicable

    Am I missing something - after the update I don't see the Theme section on the ribbon?

    • Anonymous's avatar
      Anonymous
      Not applicable

      Never mind - I found it in Options

  • reddobe's avatar
    reddobe
    Regular Visitor

    I keep getting an error when trying to bring in the Json file for the custom theme. I am using the St. Patricks Day file as a template and modifying the Hex codes to correspond with my companies colors.

     

    {
        "name": "XYZxyz",
        "dataColors": ["#1E345D", "#768591", "#F38A00", "#99CAEA", "#DADFE1",
        "background":"#FFFFFF",
        "foreground": "#768591",
        "tableAccent": "#1E345D"
    }

     

    Thanks, Steve

    • Anonymous's avatar
      Anonymous
      Not applicable

      reddobe, you are missing a  square bracket after "#DADFE1".  Try this.

       

      {
          "name": "XYZxyz",
          "dataColors": ["#1E345D", "#768591", "#F38A00", "#99CAEA", "#DADFE1"],
          "background":"#FFFFFF",
          "foreground": "#768591",
          "tableAccent": "#1E345D"
      }

       

  • Petersen_31's avatar
    Petersen_31
    Regular Visitor
    Can any explain why I keep getting this message with trying to upload a .json theme file? Error importing theme file - There was a problem importing your theme file. Please try again or choose another file.
  • Anonymous's avatar
    Anonymous
    Not applicable

    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"
                  }
                }
              }
            ]
          }
        }
      }
    }