Change transparancy of page when spinner is loading

How can I change the transparancy of the area behind the spinner when it is shown (they grey area pointed at with the arrow). I want the entire screen to be white when I load some remote data. I cannot find this using Google or in the spinner docs.

There is one way to perform this.

While creating your loading controller just give css class to it like,

presentLoadingDefault() {
  let loading = this.loadingCtrl.create({
    content: 'Please wait...',
    cssClass: 'activity-detail-loading'


  setTimeout(() => {
  }, 50000);

After that in css file you need to write below mentioned code.

.activity-detail-loading {
		opacity: 0.2 !important;	

Hope this will help you in getting your result.

Thank you I’ve got it working!