Branding ReportServer Background of report list mouse hover

[Jenjery]

I'm trying to create my ouw theme for PowerBI Report Server.
I used this article , but there's some properties i can't find.

Could you please help me find the right property to set the background color by mouse hover? Here the reports are presented in list:

The same problem with list of updates or list of groups/logins in safety properties of report.

And second parameter i can't find - it's colour of line under the report pages, and bachground under the pages. It's green-blue and beige and i don't know how i can change it.

[Anonymous · Accepted solution]

Hi,@Jenjery .I am glad to help you.
Unfortunately, I have tried to unify the colours of all the css style parameters provided in the official colours.json file by changing their colours to the three primary colours (red, green and blue), but it still doesn't change the background colours of the SSRS web portal when the content is selected or the mouse is hovering.

I think the official parameters to modify these state-specific colours may not be provided in the colors.json file.
2. Hardcoded styles: These colours may be hardcoded in the CSS file of the SSRS web portal, instead of being configured through the colors.json file.
Users can't change the background colour of mouse hover directly from the colors.json file provided by the official SSRS web portal.
And when I reopen it after clearing the browser cache, the colour remains unchanged.
Here is my suggestion.
You can try checking the element styles when selected or hovered using your browser's developer tools (F12) to see if there is a specific CSS class that controls these colours.
And contact a member of your team who specialises in front-end page development to assist you and see if you can change the page background colour on mouse hover.
Here's the official colours.json file for my user testing and the colours.json file I used for my testing
Official file:

colors.json

{
	"name":"Default brand",
	"version":"1.0",
	"interface":{
		"primary":"#bb2124",
		"primaryAlt":"#d31115",
		"primaryAlt2":"#671215",
		"primaryAlt3":"#bb2124",
		"primaryAlt4":"#00abee",
		"primaryContrast":"#fff",
		"secondary":"#000",
		"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":"#c8c8c8",
		"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",

		"itemTypeIconColor": "#FFFFFF",
		"reportIconBackground": "#12239E",
		"excelIconBackground": "#217346",
		"folderIconBackground": "#4668C5",
		"datasetIconBackground": "#C94F0F",
		"otherIconBackground": "#000000",

		"primaryButton": "#bb2124",
		"primaryButtonHover": "#d31115",
		"primaryButtonPressed": "#3d0000",

		"link": "#d31115",
		"linkHover": "#671215",
		"linkVisited": "#3d0000",

		"radioButtonCheckBox": "#bb2124",
		"radioButtonCheckBoxHover": "#d31115"
	},
	"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"
	}
}

Please pay attention to save your json file, to avoid important data loss during the test.

I hope my suggestions give you good ideas, if you have any more questions, please clarify in a follow-up reply.
Best Regards,
Carson Jian,
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.