AngularMaterial有可用于访问主题颜色的CSStoken/变量吗?
创始人
2024-10-28 11:01:58
0

是的,Angular Material 提供了一些CSS 命名空间,使您可以直接在您的样式中使用颜色变量。这些命名空间包括$mat-、$mat-light-、$mat-dark-等。下面是一个用具有 $mat- 前缀的变量样式的示例:

.my-class {
  background-color: $mat-red;
  color: $mat-green-900;
}

除此之外,您还可以使用MatThemePalette 接口中定义的属性来访问主题颜色。下面是一个使用MatThemePalette 接口的例子:

import { Component } from '@angular/core';
import { MatThemePalette } from '@angular/material/core';

@Component({
  selector: 'app-color-button',
  template: `
      
      
  `,
})
export class ColorButtonComponent {
  constructor(private color: MatThemePalette) {}
}

在此示例中,我们从 @angular/material/core 中导入 MatThemePalette 接口,并将其注入到 ColorButtonComponent 中。然后,我们可以直接在模板中使用 color 对象的属性来设置背景颜色。

相关内容

热门资讯

总算了解!聚星扑克有没有挂,德... 总算了解!聚星扑克有没有挂,德州之星辅助挂,新版2025教程(原先存在有挂)您好,德州之星辅助挂,确...
分享个大家!微扑克软件的规律,... 分享个大家!微扑克软件的规律,德扑起手牌胜率图,必备教程(起初是有挂)1、超多福利:超高返利,海量正...
玩家必看科普!德扑计算胜率软件... 玩家必看科普!德扑计算胜率软件,wepoke辅助插件,教你攻略(其实是真的有挂);无聊就玩这款wep...
总算了解!哈糖大菠萝有辅助吗,... 总算了解!哈糖大菠萝有辅助吗,aapoker辅助工具存在,AI教程(本来是真的有挂)1、不需要AI权...
最新通报!weopke真的吗,... 最新通报!weopke真的吗,德扑之星作弊,可靠教程(原来真的是有挂)1.德扑之星作弊 ai辅助创建...
推荐攻略!微扑克怎么在软件内设... 推荐攻略!微扑克怎么在软件内设置,智星德州菠萝有挂吗,可靠技巧(先前存在有挂)您好,智星德州菠萝有挂...
一分钟教会你!德州线上扑克辅助... 一分钟教会你!德州线上扑克辅助工具app,德扑之星有作弊,总结教程(本然真的是有挂);是一款可以让一...
终于知道!fishpoker ... 终于知道!fishpoker app辅助,德扑数据软件,黑科技教程(果然是真的有挂)1、德扑数据软件...
重大通报!德州之星辅助怎么用,... 您好,微扑克辅助器ios这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
总算了解!微扑克ai辅助会封号... 总算了解!微扑克ai辅助会封号吗,wpk提高胜率,线上教程(其实真的有挂)1、构建自己的微扑克辅助插...