How to change nebular spinner (NbSpinner) background color

Question

I want to change the background color for nebular spinner, I am writing below code but it is not working,

@import "~@nebular/theme/styles/theming";
@import "~@nebular/theme/styles/themes/default";

 $nb-themes: nb-register-theme((
  spinner-primary-background-color: white,
   ), default, default );

I am following this documentation to modify nebular theme variable, Enable Customizable Theme

Any help on how to do it? Am I missing any imports or am I accessing the theme variables incorrectly? Thanks in advance.

Answer 1

You can use spinner-primary-bg in themes.scss:

$nb-themes: nb-register-theme((
  spinner-primary-bg: white,
   ), default-ltr, default );

For local scss, use this:

.nb-theme-default nb-spinner.primary-spinner .spin-circle{
  border-right-color: white,
}