SAPUI5 Busy Indicator - Change standard color?

Question

I am using SAP_GOLDREFLECTION theme (cant change it) but I dont want a "golden busy indicator" - is it possible to change its color?

<script id="sap-ui-bootstrap" type="text/javascript"
  src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
  data-sap-ui-libs="sap.ui.commons, sap.viz, sap.m, sap.ui.ux3"
  data-sap-ui-theme="sap_goldreflection">
</script>

using:

sap.ui.core.BusyIndicator.show(0);
...
sap.ui.core.BusyIndicator.hide();

Thanks

Answer 1

You could have a look at the CSS-Class sapUiBusy which contains the default gold color and override it with your own.

Your CSS-class looks good. I tested it and it works for me. Obviously it´s not included correctly. You could include your CSS in your index.html like this:

<style type="text/css">
.sapUiBusy {
    ...
}
</style>

Here´s a simple JS Bin example.

Of course it´s also possible (and even better) to put it in a CSS file.

Keep in mind to clear/disable the browser cache!