Power BI Report Server Branding Font Color

[joiecy]

Hi,

After I updated my power bi report server to november version my previous custom branding file did not work fully. The section right above the report are having white font color. How should I change the color? Which json command is controlling it? Is there a dictionary or reference for us to see what can we script to control the layout in the json?

 

[Flynn]

hi all,

still having the same issue with PBIRS jan 2019 version.

Text color of the Power BI bar should be the same as the text color of the two bars above.

It's not logical to use button text color here, this is clearly a misbehavior imho, and should be fixed in the next version.

Best Regards,

Flynn

[Anonymous]

I have similar but not same problem. 

How to change color theme in Power BI for Report Server ( using OCT17 version)

[joiecy]

hi sukhomoyb,

see https://docs.microsoft.com/en-us/sql/reporting-services/branding-the-web-portal

[Anonymous]

Thanks for the reply and valuable advice. 

[joiecy · Accepted solution]

Hi guys,

I figured it out. It's tied together with the button font color. Change it in branding package json file, object attribute  --> "primaryContrast":"#fff". change it to #000 black or any other color will do.  🙂

cheers.

[Ccparkhill]

Thanks joiecy, however I notice that the text on the "Upload brand package" is now black. We have the backgrouond of that button as dark purple which makes the text quite hard to read now, not that it will be used very often though I suppose. I wonder why the reference was changed?

[joiecy]

Yea, mine too. Not sure why they do it this way. Since the button is less being seen, I just simply excuse it.

[Ccparkhill]

Have noticed a few other buttons that use it now, quite annoying. 

[Anonymous]

You are too good Joiecy..... 

[Anonymous]

Argggggg we r getting the same issue as well.

[Ccparkhill]

We also have the same problem, June and August releases render the text in black but October release renders in white for the same branding package. Any solution yet?

Thanks

[v-qiuyu-msft]

Hi @joiecy,

Can you share your brand package file with us? 

You can go through this document to know brand package define:  Branding the web portal. 

Best Regards,
Qiuyun Yu

[joiecy]

hi,

my files as below.

metadata.xml

<?xml version="1.0" encoding="utf-8"?>
<SystemResourcePackage xmlns="http://schemas.microsoft.com/sqlserver/reporting/2016/01/systemresourcepackagemetadata"
type="UniversalBrand"
version="2.0.2"
name="Report"
>
<Contents>
<Item key="colors" path="colors.json" />
<Item key="logo" path="logo.png" />
</Contents>
</SystemResourcePackage>

colors.json

{
"name":"Default brand",
"version":"1.0",
"interface":{
"primary":"#FF7800",
"primaryAlt":"#ffa04d",
"primaryAlt2":"#cc5f00",
"primaryAlt3":"#ff9233",
"primaryAlt4":"#00abee",
"primaryContrast":"#fff",
"secondary":"#12368E",
"secondaryAlt":"#444",
"secondaryAlt2":"#555",
"secondaryAlt3":"#777",
"secondaryContrast":"#fff",
"neutralPrimary":"#fff",
"neutralPrimaryAlt":"#f4f4f4",
"neutralPrimaryAlt2":"#e3e3e3",
"neutralPrimaryAlt3":"#c8c8c8",
"neutralPrimaryContrast":"#000",
"neutralSecondary":"#fff",
"neutralSecondaryAlt":"#eaeaea",
"neutralSecondaryAlt2":"#b7b7b7",
"neutralSecondaryAlt3":"#acacac",
"neutralSecondaryContrast":"#000",
"neutralTertiary":"#b7b7b7",
"neutralTertiaryAlt":"#f8f8f8",
"neutralTertiaryAlt2":"#eaeaea",
"neutralTertiaryAlt3":"#fff",
"neutralTertiaryContrast":"#222",
"danger":"#bb2124",
"success":"#2b3",
"warning":"#f0ad4e",
"info":"#5bc0de",
"dangerContrast":"#fff",
"successContrast":"#fff",
"warningContrast":"#fff",
"infoContrast":"#fff",
"kpiGood":"#4fb443",
"kpiBad":"#de061a",
"kpiNeutral":"#d9b42c",
"kpiNone":"#333",
"kpiGoodContrast":"#fff",
"kpiBadContrast":"#fff",
"kpiNeutralContrast":"#fff",
"kpiNoneContrast":"#fff"
},
"theme":{
"dataPoints":[
"#0072c6",
"#f68c1f",
"#269657",
"#dd5900",
"#5b3573",
"#22bdef",
"#b4009e",
"#008274",
"#fdc336",
"#ea3c00",
"#00188f",
"#9f9f9f"
],

"good":"#85ba00",
"bad":"#e90000",
"neutral":"#edb327",
"none":"#333",

"background":"#fff",
"foreground":"#222",
"mapBase":"#00aeef",
"panelBackground":"#f6f6f6",
"panelForeground":"#222",
"panelAccent":"#00aeef",
"tableAccent":"#00aeef",

"altBackground":"#f6f6f6",
"altForeground":"#000",
"altMapBase":"#f68c1f",
"altPanelBackground":"#235378",
"altPanelForeground":"#fff",
"altPanelAccent":"#fdc336",
"altTableAccent":"#fdc336"
}
}