I can not change background-color of Loading Indicator

Flow
1

Hello )))
I have Vaadin 13
I can not change the color of the v-loading-indicator.

so I can turn off the Loading indicator and play with delays, but I can not change the colour

@Override
public void configurePage(final InitialPageSettings settings) {
settings.addLink(“shortcut icon”, “frontend/images/favicon.ico”);
settings.addFavIcon(“icon”, “frontend/images/logo192.png”, “192x192”);
final LoadingIndicatorConfiguration conf = settings.getLoadingIndicatorConfiguration();

      conf.setFirstDelay(3000);
      conf.setSecondDelay(300);
      conf.setThirdDelay(200);
     

     conf.setApplyDefaultTheme(false); 
}

sometimes it works, but not at all (when logging - not)
–lumo-primary-color: var(–greenTextColor);
–greenTextColor: green;

Attemps: (but nothing worked)
.v-loading-indicator.first:before {
background-color: green !important ;
}

.v-loading-indicator.first {
background-color: green !important ;
}

.v-loading-indicator.second:before {
background-color: green !important;
}

.v-loading-indicator.third:before {
background-color: green !important;
}

.v-loading-indicator:before {
background-color: green !important;
}

.v-loading-indicator{
background-color: green !important;
}

.v-loading-indicator[style*=“none”]
{

 background-color: green !important;

}
please, help

thank you in advance

Natalie

17651996.jpg