Как изменить цвет фона туманного спиннера (NbSpinner)

Я хочу изменить цвет фона для туманного счетчика, я пишу ниже код, но он не работает,

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

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

Я следую этой документации, чтобы изменить переменную темы Nebular, Включить настраиваемую тему

Любая помощь в том, как это сделать? Я пропустил какой-либо импорт или неправильно обращаюсь к переменным темы? Заранее спасибо.


angular ngx-admin nebular
person shrey shah    schedule 21.09.2020    source источник
comment
Есть ли какая-либо ошибка, которую вы получаете?   -  person Amit Chigadani    schedule 21.09.2020
comment
@AmitChigadani нет, просто стиль, который я даю, не применялся   -  person shrey shah    schedule 21.09.2020

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать spinner-primary-bg в файле themes.scss:

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

Для локального scss используйте это:

.nb-theme-default nb-spinner.primary-spinner .spin-circle{
  border-right-color: white,
}
person hugh    schedule 21.09.2020
comment
Убедитесь, что вы используете тему default, а status вашего счетчика — primary. Можете ли вы отправить свой html, где вы используете счетчик? - person hugh; 22.09.2020
comment
в HTML я дал nbSpinnerStatus=primary [nbSpinner]=true и в моем локальном CSS я написал ваш код - person shrey shah; 22.09.2020
comment
Упс, попробуйте поместить мой код в свой styles/themes.scss. Ваш код содержит: @import ~@nebular/theme/styles/theming; @import ~@nebular/theme/styles/themes/default;` который не следует помещать в локальный css. Для Nebular (ngx-admin) проверьте src/app/@theme/styles/themes.scss и добавьте spinner-primary-bg: white, в $nb-themes: nb-register-theme((...), default, default); - person hugh; 23.09.2020
comment
ваш код не работает, но мой вышеупомянутый, если я пишу в theme.scss, он работает, но стили применяются ко всему моему проекту, я просто хочу, чтобы он был на определенной странице, поэтому я писал его в своем локальном CSS - person shrey shah; 23.09.2020
comment
Я вижу это сейчас, так что вы можете использовать это в своем локальном: .nb-theme-default nb-spinner.primary-spinner .spin-circle{ border-right-color: white, } - person hugh; 23.09.2020
comment
никакого эффекта на спиннер, какой-либо импорт отсутствует? и я хочу изменить цвет фона по умолчанию на белый - person shrey shah; 23.09.2020
comment
Попробуйте импортировать свою тему (например: @import '../../../themes'; ) с точной ссылкой на ваш файл styles/themse.scss (обычно src/app/@theme/styles/themes.scss). - person hugh; 25.09.2020