Change room name background colour from blue

NecroDeath
01 Jul 2018, 14:33

How do I change the background for the room name at the top of the screen, the default is blue, searching for 'blue' in the code returns no hits.

Thanks,
ND


mrangel
01 Jul 2018, 15:21

That's because it isn't the colour blue. It's an image (from https://ajax.aspnetcdn.com/ajax/jquery.ui/1.11.1/themes/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png )

If you want to change it, you can either override it by setting a new style rule for the element #status, or the CSS class .ui-widget-header.


NecroDeath
01 Jul 2018, 15:37

Thank mrangel but I don't know how to do either of those things!

'setting a new style rule for the element #status, or the CSS class .ui-widget-header.'

ND


mrangel
01 Jul 2018, 16:13

JS.eval("$('<style>').text('.ui-widget-header { background-image: none; background-color: green; }').appendTo('head');") will probably do what you want

Or JS.eval("$('#status').css({'background-image': 'none', 'background-color': 'red'}); (but I'm not sure if Quest will magically change it back at some point if you do that)

or msg ("<style>.ui-widget-header { background-image: none; background-color: yellow; }</style>") if you don't mind it disappearing when you clear the screen.


The Pixie
01 Jul 2018, 19:53

Or you can set it under the "Location bar" heading on the Interface tab of the game object when you untick "Classic location style".


NecroDeath
01 Jul 2018, 20:17

Cheers both!

ND