Forum Discussion

Raul09's avatar
Raul09
Icon for Advocate I rankAdvocate I
9 years ago

Change Power bi focus mode background color

Hi,

 

Is there a way to change the background color when using focus mode on a visual?

 

My problem is that i'm using a dark background in my report and my font color is white, when i use focus mode i can't see my data

 

Thanks in advance

7 Replies

  • Eric_Zhang's avatar
    Eric_Zhang
    Icon for Microsoft Employee rankMicrosoft Employee

    Raul09 wrote:

    Hi,

     

    Is there a way to change the background color when using focus mode on a visual?

     

    My problem is that i'm using a dark background in my report and my font color is white, when i use focus mode i can't see my data

     

    Thanks in advance


    Raul09

    You can set background color for individual visuals. AKAIK, there's no way to setting the background color only when in focus mode. You can submit your idea and Power BI Ideas and vote it up.

    • michaelu1's avatar
      michaelu1
      Icon for Advocate II rankAdvocate II

      Eric_Zhang How is that helpful?

       

      I have custom backgrounds on my pages and the visual backgrounds are set to match the theme of the report with the opacities set to mostly transparent.

       

      When I go to focus mode the visuals pretty much disappear into the background.

  • CD_75's avatar
    CD_75
    Frequent Visitor

    Totally agree! If the visual has no background selected in the main report it's because it overlaps other visuals or the report background has a specific design that needs to show behind the visual however, when presenting a visual (with no background) in Focus Mode this displays over a white background and looks terrible.

     

    Visual background should match the report background or have at lest the option to select the visual background for when sharing in Focus Mode i.e. to options for the visual background : Focus Mode and Main Report

    Voted for this to be looked into by Power BI

  • I also use a dark background with corporate images for all my reports.  The whole background is an SVG file and forms part of a custom theme controlled with a JSON script.  I've set the default background colour to the same colour as the background in my SVG file.

    "background": [

                        {

                            "image": {

                                "name": "Dark",

                                "scaling": "Fit",

                                "url": "data:image/svg+xml;base64,xxx”

                            },

                            "transparency": 0,

                            "color": {

                                "solid": {

                                    "color": "#272936"

                                }

    I then set the backround on all visuals to be On with 0% transparency.  This results in every page having my standard background with corporate logos etc (i.e. the page canvas), every visual background being the same colour as the canvas, and every focus mode page having the same background colour.

    • Ssmit114's avatar
      Ssmit114
      New Member

      Hi, Thanks for your detailed answer. Can you point me in the direction of more details on editing the SVG file/JSON script of a specific PBI report generally?

      • MJG2112's avatar
        MJG2112
        Icon for Advocate II rankAdvocate II

        I created my backrounds using PowerPoint and save as SVG files.  These give me a higher image definition.  I create customised icons as PNG files the same way, although they have to be converted to Base64 before they can be using in the JSON script.  If you want to modify a theme using JSON then I suggest starting with a Power BI report where you may have already modified the theme, or just start with one of the default ones.  Go to the View Menu and click on the Theme dropdown list.  Select a preferred theme unless you want to use the current one and click on Save Current Theme.  You can then edit it using a tool like Visual Studio.