AngularMaterial有没有CSS标记/变量,可以用来访问主题颜色?
创始人
2024-10-28 11:01:59
0

是的,Angular Material提供了CSS变量,可以用来访问主题颜色。可以在全局样式文件(例如styles.scss)中定义自己的CSS变量并使用它们,也可以直接使用已经定义好的变量。

示例代码:

在styles.scss中定义自定义CSS变量:

@import '~@angular/material/theming';
@include mat-core();

$my-primary-color: mat-color($my-app-primary);
$my-accent-color: mat-color($my-app-accent);

:root {
  --my-primary-color: #{$my-primary-color};
  --my-accent-color: #{$my-accent-color};
}

在组件样式文件中使用自定义CSS变量:

.my-component {
  color: var(--my-primary-color);
  background-color: var(--my-accent-color);
}

直接使用Angular Material定义好的CSS变量:

@import '~@angular/material/theming';
@include mat-core();

.my-component {
  color: mat-color($mat-blue, 400);
  background-color: mat-color($mat-pink, 700);
}

相关内容

热门资讯

透视肯定!aapoker万能辅... 透视肯定!aapoker万能辅助器(透视)插件(确实是有挂)1、打开软件启动之后找到中间准星的标志长...
透视私人局!aapoker插件... 透视私人局!aapoker插件(透视)透视方法(竟然是真的有挂);1、每一步都需要思考,不同水平的挑...
透视中牌率!aapoker破解... 透视中牌率!aapoker破解侠是真的吗(透视)透视方法(都是有挂)1、aapoker破解侠是真的吗...
透视脚本!aapoker安装包... 透视脚本!aapoker安装包怎么使用(透视)ai插件(果然是有挂)1、让任何用户在无需aapoke...
透视规律!aapoker脚本(... 透视规律!aapoker脚本(透视)脚本(果然真的是有挂)1、aapoker脚本系统规律教程、aap...
透视工具!aapoker透视脚... 透视工具!aapoker透视脚本入口(透视)透视插件(原来有挂)1、进入到aapoker透视脚本入口...
透视玄学!aapoker破解侠... 透视玄学!aapoker破解侠是真的吗(透视)透视脚本(好像是有挂)1、让任何用户在无需aapoke...
透视工具!aapoker辅助工... 透视工具!aapoker辅助工具安全吗(透视)透视脚本入口(其实有挂)1、上手简单,内置详细流程视频...
透视辅助!aapoker俱乐部... 透视辅助!aapoker俱乐部靠谱吗(透视)透视插件(原来是真的有挂)1、任何aapoker俱乐部靠...
透视最新!aapoker插件下... 透视最新!aapoker插件下载(透视)免费透视脚本(本来有挂);aapoker插件下载辅助器中分为...