代码之家 › 专栏 › 技术社区 › Afraz Ali

如何在ngx管理主题中使用主题颜色

sass angular

Afraz Ali · 技术社区 · 6 年前

我是新来的角度,我试图学习它使用 ngx-admin 主题.它使用sass进行样式设置,在我的一个组件中,我想设置div的背景色。但是我想使用主题提供的颜色之一,这样,如果用户切换主题,颜色可以更改。我不知道如何在组件的scss文件中使用主题的全局颜色。

这就是我想要的

.product-container{
    background:#3d3780; // Instead of using a hard coded color, I want to use theme color here
}

1 回复 | 直到 6 年前

Afraz Ali 6 年前

好的,我找到了如何使用主题全局颜色。

首先您需要通过导入导入全局主题样式

@import '~@nebular/theme/styles/theming';
@import '~@nebular/theme/styles/themes';

然后我就可以这样设置颜色

@include nb-install-component() {
    .product-container{
        background:nb-theme(color-bg);
    }
  }

我们需要将样式包装在@include nb-install-component()调用中,以便在用户更改主题时刷新样式。

对于任何有兴趣进一步阅读的人, here 是官方文件的主题。

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前