Ng-zorro-antd: 如何更改颜色主题?

Created on 16 Aug 2017  ·  10Comments  ·  Source: NG-ZORRO/ng-zorro-antd

I'm submitting a...


[ ] Bug report  
[X] Feature request
[ ] Documentation issue or request
[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Support request => Please do not submit support request here

Expected behavior


如何更改颜色主题?

🌈 Feature Request

Most helpful comment

I almost have implemented a scss style. seems like that it's impossible to switch to scss by antd team currently. so right now ng zorro is also unlikely use scss.

theme implement is on schedule in my project. but it use scss. write less and scss is really a huge budget work. waiting to see the feedback from ng zorro team

All 10 comments

Not supported yet.

是不是可以考虑把组件内部引入的样式文件,导入到style下的index里面。类似material2一样,在style.css里面导入这个文件。

@vthinkxie This can be supported, If you don't want the default blue

现在还是不可以更改颜色主题吗

什么时候能更改颜色主题啊

好像现在只有一套主题?默认这套太简洁了。主要是看起来太白了,组组又显得比较小巧。

I almost have implemented a scss style. seems like that it's impossible to switch to scss by antd team currently. so right now ng zorro is also unlikely use scss.

theme implement is on schedule in my project. but it use scss. write less and scss is really a huge budget work. waiting to see the feedback from ng zorro team

supported in version 0.7.0 closed

非常好奇官网的那个实时改变主题色的功能是是怎么实现的...

Excuse me for not speaking chinese, but I found a workaround with this:

<nz-spin nzSimple [nzIndicator]="indicatorTemplate"> </nz-spin>

<ng-template #indicatorTemplate>
    <i nz-icon nzType="loading" style="font-size: 75px;"></i>
    <span class="loading-text" style="font-size: 25px; display: block; margin-top: 5px;">Loading...</span>
</ng-template>
Was this page helpful?
0 / 5 - 0 ratings

Related issues

C-racker picture C-racker  ·  3Comments

cipchk picture cipchk  ·  4Comments

bambooj picture bambooj  ·  4Comments

rafaelsmith picture rafaelsmith  ·  3Comments

zhouwf108 picture zhouwf108  ·  3Comments