在角材质调色板(例如$mat-indigo或$mat-pink)中，A100、A200、A400和A700有什么用途？
在角材质调色板中，A100、A200、A400和A700是用来定义角材质的不透明度的值。这些值可以应用于角组件的背景色、文本颜色等属性，以实现不同的视觉效果。
具体用途如下：
- A100：表示较低的不透明度，适用于需要较为轻盈的视觉效果的场景。例如，可以将A100应用于按钮的背景色，使其呈现出半透明的效果。
- A200：表示中等的不透明度，适用于需要一定程度的透明感的场景。例如，可以将A200应用于卡片组件的背景色，使其在保持可读性的同时，呈现出一定的透明度。
- A400：表示较高的不透明度，适用于需要强烈的对比效果的场景。例如，可以将A400应用于对话框的背景色，使其在突出显示内容的同时，与背景形成鲜明的对比。
- A700：表示最高的不透明度，适用于需要完全不透明的场景。例如，可以将A700应用于导航栏的背景色，使其呈现出饱满的颜色。
腾讯云相关产品中，可以使用角材质调色板来定义界面的颜色和不透明度。例如，可以使用腾讯云的前端开发框架Tencent Kona UI来快速构建界面，并通过调用相应的样式变量来设置角材质的不透明度。具体产品介绍和使用方法，请参考腾讯云官方文档：Tencent Kona UI。
相关·内容
下面是一个角度材质调色板的示例 50: #ffffff, 200: #b4c9e4, 500: #5282c1, 700: #38649d, 900: #284770, A200: #dde6f3,
浏览 0提问于2018-07-18得票数 6
回答已采纳
2回答
我正在尝试覆盖角度材质的原色。我有一个进度条和按钮。: #82b1ff, A400: #2979ff, contrast: ( A200: white, A700: white,)
浏览 0提问于2020-05-16得票数 0
创建时，可以设置以下颜色:主色调、重音、警告前景和背景色。但是，创建主题的方式只支持3种颜色/调色板：@include angular-material-theme($candy-app-theme)
因此，我的第一个问题是如何定义主题的foreground和background颜色？例如，我可以将其用于我的
浏览 1提问于2017-04-04得票数 9
回答已采纳
v1主题配置指南不容易理解已经不是什么秘密了。我在我的web应用程序中定义了以下调色板。: '#82b1ff', A400: '#2979ff', contrastDefaultColor: '#ff80ab',
A200: &
浏览 0提问于2017-10-18得票数 0
1回答
我试着用有角度的材料，
我阅读了中的所有内容，恢复了大多数演示和指令文档，甚至试图查看源代码，我想知道是否有指南解释了每个角度材质ui指令是如何使用主题中设置的不同意图的调色板和色调的。我要求这样做的原因是，只要我们选择标准调色板，一切都会很好，但是当我们想要做出任何改变的时候，我们对它的含义视而不见。(例如，如何防止选择背景颜色的情况-结果与某些重音颜色相同-例如，作为文本框的下划线颜色，导致不可见。)
浏览 2提问于2016-07-21得票数 1
回答已采纳
3回答
我发现了这个问题：，在这里我可以构建一个所谓的自定义主题，但它基本上只是使用预置调色板的不同部分。我不想使用Material2 2的预定义颜色。我要我独特和特殊的品牌颜色。有没有更好的方法(更好)？来创建我自己的主题，而不仅仅是使用_palette.scss任何有关该地区的信息将不胜感激！
浏览 3提问于2017-01-03得票数 152
回答已采纳
我在使用自定义调色板和角度材质框架时遇到了一些问题。我仍然不理解我自己使用自定义主题。 '600': 'e53935', '800': 'c62828', '<em
浏览 0提问于2015-10-16得票数 2
1回答
“垫色($vp-蓝色)”绝对在我的应用程序中的其他任何地方工作，但在这里。如果我添加了一个样式标签，并手动设置颜色，这是可行的，但我不想求助于此。我尝试向图标中添加另一个类来设置颜色，但这也不起作用。: #c8dfff, A400: #62a4ff, contrast: ( A200: $da
浏览 1提问于2019-05-21得票数 1
1回答
我有一个角11应用程序，我们构建了几个特定于客户的配置。我正在尝试实现一个合理的主题模式，允许应用程序的每个dist都有自己的颜色方案，与客户品牌相关。: #6d9dff, A400: #0759ff, contrast: ( A200: #c2ddff, A7
浏览 1提问于2020-12-09得票数 0
回答已采纳
1回答
我个人需要，BottomSheet，和对话框组件从这个角度的材料。我发现您可以在文档中添加角材料的特定样式及其主题选项，但是当我将BottomSheet和Dialog的样式添加到styles.scss文件中时，我没有看到任何东西，因为我没有cdk-overlay-container到目前为止，这是我在styles.scss文件中的代码：
浏览 2提问于2020-05-26得票数 1
回答已采纳
2回答
我没有在这个项目中使用scss编译器，所以我要做的是将所有css组件导入到style.css中，如下所示@import "~app/components/test/test.component.css";
问题是，我不知道如何修改预建主题的基础颜色或生成另一个css与其他基础颜色为我的主题。
浏览 5提问于2017-12-23得票数 3
回答已采纳
我有很大的困难来实现一个定制的主题角2材料。我一直在以下网站跟踪导游：
$dz-primary: ( 100 : #c6cdd4, 300 : #7a8a9a,: #82baff, A400 : #1c83ff,
A700 : #02
浏览 3提问于2018-01-05得票数 4
回答已采纳
1回答
我是新的角2，和全新的SCSS (我一直使用css)。我试图建立一个自定义的主题，我的角-cli项目，与我们的品牌颜色。我已经在位于应用程序根目录中的角-cli.json中添加了必要的.scss文件，并将新的.scss文件放置在src文件夹中，并与原先由角-cli项目设置创建的style.css放在一起。: $black-87-opacity,
浏览 1提问于2017-01-18得票数 0
我有一个角4应用程序使用材料2(当前版本，2.0.0-beta.11)。$lt-accent: mat-palette($mat-pink, A200, A100, A400);
$lt-theme: mat-light-t
浏览 3提问于2017-09-30得票数 7
回答已采纳
当然，我看到的每一个创建角材质主题的演示都涉及到预定义的调色板(例如$mat-blue)的使用。我想要创建一个主题，完全从HEX价值观开始。我该怎么做？(我肯定不会从HEX值开始，然后以某种方式反向工作，在物质极其有限的预定义的宇宙中找到相应的托盘？)下面是我想使用的HEX值的一个示例：
编辑:为了澄清，我知道如何创建自定义的主题使用预定义的颜色提供的角质材料(例如，基于$primary的$mat-blue)，但我希望能够以$primary为基础，例如
浏览 2提问于2020-02-04得票数 6
回答已采纳
我有一个使用angular材质的Angular 7项目。我使用的是其中一个标准主题。我正在尝试控制进度条组件，以便能够根据它的值将它的颜色从红色更改为绿色。我能看到的控制它颜色的唯一方法是传入primary / accent / warn中的一个。 但是，我不想干扰我的主题。我想也许我可以通过创建一个自定义主题来实现这一点，该主题扩展了我当前使用的主题，例如： @import '~@angular/material/theming';
@include mat-c
浏览 10提问于2019-01-09得票数 1
回答已采纳
我发现了一个非常有用的解释，关于如何将材料主题、配色方案/调色板应用于其他非材料组件。在阅读这篇文章之前，我想到了一些类似的东西，但无法想象如何考虑来自的建议，如果我不想只有全局主题的话：
您的自定义主题文件不应导入其他SCSS文件。这将复制CSS输出中的样式。如果您想在其他SCSS文件中使用您的主题定义对象(例如，$糖果-应用-主题)，那么主题对象的定义应该被分解为它自己的文件，与包含垫芯和角度材质-主题混合元素分开。否则，我无法想象如何在不违反上述建议的情况下将scss-主题导入组件的sc
浏览 1提问于2018-10-26得票数 13
回答已采纳
我使用的是SCSS，并且我包含了带有自定义主题iirc的Angular材质。我添加了几个虚拟组件，应用程序仍然构建得很好。然后我需要使用Angular材质设置我的组件的样式。为此，我在style.scss文件的第一行添加了@use '~@angular/material' as mat;。一旦我这样做了，应用程序将不再构建。它总是抛出以下错误：
ERROR in .；我的印象是，以这种方式导入角度材质就可以了。我做错了什么吗？$aphrodite-primary: mat-p
浏览 13提问于2021-05-23得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
