question about Shiva and skin editor

[claudiobosticco]

Hello, is it possible, using the skin editor with Shiva as base skin, to change the background color of Window/Dialog headers, without changing other elements color?

[Isomorphic]

hi Claudio - typically, anywhere in Shiva where you see blocks of green color, there's actually a subtle two-color gradient from top-to-bottom, and gradients sit in front of background-colors. That's why changing the "Window Header Background" in the Skin Editor has no effect - you can verify that by also setting "Gradient Start Color" to transparent - then you'll see your background color at the top of Window headers.

Unfortunately, at the moment there's no public UI that shows gradients in the Skin Editor - so, the question is, do you want to be able to change the background-color just of Window/Dialog-headers, or generally in all places where there's currently a green gradient?

If you want the general change, you can set "Gradient Start/End Color" to transparent - then the background-color will show through. Note that in most cases, classes have the same background-color as the gradient start-color, but a quick test just now shows this is not the case for regular Buttons, where background-color is "transparent" - we'll fix that.

If you just want to remove the gradient from Window/Dialog headers, since there's no current public UI as noted, you can run this in the browser console:

// remove the gradient from Window Headers - you could also set the variable to a different gradient,
// or any other valid background-image setting
themeEditor.changeVariableValue("$window_header_bgImage", "none")

[claudiobosticco]

Thanks for the clarification, and I can confirm that the suggested workaround is working, thank you very much.