Forum Discussion
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
- henrikj
Advocate II
This idea is described here: https://ideas.powerbi.com/forums/265200-power-bi-ideas/suggestions/32784514-focus-mode-color
This is an issue in our reports as well. White text on white background in a focus mode slicer equals bad user experience.
- Eric_Zhang
Microsoft 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
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
Advocate 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_75Frequent 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 - MJG2112
Advocate II
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.- Ssmit114New 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
Advocate 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.