[Angular][Nebular]将正文背景与主题同步

Question

我已经建立了一个具有角和星云的web app。我启用的默认主题是“宇宙”主题，我已经看到，当滚动太远(在手机上或使用触摸板，如果你使用笔记本电脑)时，你可以看到身体的白色背景。

我希望主体背景与主题设置的内容相同。我已经阅读了启用多个主题的文档，并且工作正常(在顶部导航栏有一个按钮可以动态更改主题)，但我找不到如何根据主题的颜色来设置正文的背景。

我试着按照他们在我的styles.scss文件中Use themes variables的建议来做。即使在使用:host时，在src/app/app.component.sccs中进行这些更改也不会在body标记中设置任何样式。

我已经尝试将:host更改为body，我非常确定我必须使用他们在示例中提到的相同变量。但出于某些原因，我看到它从默认主题中获取值。我用x从1到4的范围尝试过background-basic-color-x，这些值与default theme的文档相匹配。

Answer 1

您要查找的术语是overscroll。这是一个css属性，与nebular没有任何关系。您可以通过在css的最顶层添加以下内容来更改该属性。

body { overscroll-behaviour: none; }

这实际上是一种预期的浏览器行为，它与Nebular无关。如果你想测试它，你可以去不同的网站，包括stackoverflow和许多其他网站来测试它。

要克服这一点，您必须在body标记中添加上述属性。转到Inspect element并将其添加到elements选项卡中，以临时查看运行中的属性。