Feature Request Still not able to to change the background color of a Button

I am looking for tinting a button like the following below:



But unityBackgroundImageTint does absolutely nothing.

Thanks !

 

I'm pretty new to this, but you could try applying a style sheet (or perhaps a style directly to the element - I haven't tried that yet). For the gradient, you could maybe add a gradient image to it (black to white with some transparency so you can change colour easily on hover/disable etc).

In uss file :

Button
{
background-image: none; /* or a gradient: resource("your-gradient-image"); */
background-color: rgb(56,200,86);
color: #ffffff;
}

 

If you're not using the Experimental -and it's officially recommended not to use it- namespace (for some reason I couldn't do it when using Experimental), you can change the styles of the Unity buttons by overriding the .unity-button class in a USS file.

I've done this:

Code (CSharp):

1. .unity-button {
2.     background-color: rgb(60,60,60);
3.     background-image: none;
4.     color: rgb(230, 230, 230);
5.     -unity-text-align:middle-center;
6.     aasfjakl:4;
7. }
8.  
9. .unity-button:hover {
10.     background-color: rgb(230, 230, 230);
11.     color: rgb(60,60,60);
12. }
13.  
14. .unity-button:hover:active {
15.     background-image: none;
16.     background-color: rgb(130, 130, 130);
17. }

.unity-button is the button with no interactions
The :hover pseudostate is the style when the mouse is over the button
The :hover:active pseudostate is the style when the mouse is clicked.

Cheers!

EDIT: Just shared a gif about this on Twitter https://twitter.com/MartinRookbird/status/1075379826142384129

 

I am going to wait for an official fix (if ever ) as I really don't feel generating all the states images for a correct render.

In the mean time, good old GUI with IMGUIContainer just works:



Thanks anyway !

 

Well, it's not working unfortunately.

1. I could have never known I was missing the -color suffix, there are no docs talking about it at all and as you see below we can't read the full property name
2. The property indeed is set but has no effect, see below
3. Bug report sent: https://fogbugz.unity3d.com/default.asp?1111254_4a1ai4aco147a4bo

 

Yes I confirm it works now, thanks