如何解决当主题更改为 ngx-admin angular 中的深色主题时,如何更改 p-table 背景颜色
我正在使用 ngx-admin 模板和我的表。我不使用 ng2-smart-table。 我试图将整个页面更改为深色主题。除表格外,整页更改为暗模式。桌子还是白色的。 当主题更改为深色主题时,如何将表格颜色更改为深色主题。 我附上了我的问题的屏幕截图。
我需要表格也必须更改深色主题。我该怎么办?
themes = [
{
value: 'default',name: 'Light',},{
value: 'dark',name: 'Dark',{
value: 'cosmic',name: 'Cosmic',{
value: 'corporate',name: 'Corporate',];
currentTheme = 'default';
解决方法
您首先需要研究初始主题以及如何将它们导入您的项目并加以利用。
但是为了回答这个问题,因为 ngx-admin 本身并不处理主题更改的所有颜色。您必须订阅星云主题中的主题更改并自行更新表格。
themeClass: string = 'light-theme';
constructor(private themeService: NbThemeService) {
this.themeService.onThemeChange()
.subscribe((theme) => {
// Here is where you will know which theme is currently applied and you can do logic. For example (if setting theme by class):
this.themeClass = theme?.name == 'light' ? 'light-theme' : 'dark-theme';
});
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。