Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular material 使用深色主题时,如何设置文本的浅色前景色?_Angular Material - Fatal编程技术网

Angular material 使用深色主题时,如何设置文本的浅色前景色?

Angular material 使用深色主题时,如何设置文本的浅色前景色?,angular-material,Angular Material,我开始尝试使用角度材质(具体为0.8.3版)。 从主题化相关指令的代码和mdThemingProvider源代码中,我发现浅前景是为暗主题定义的。但文本段落的文本与默认文本一样保持黑色。 即使使用他们的输入演示示例代码,也存在颜色问题。当您删除标题和电子邮件的内容时,输入字段占位符文本将变为深灰色,因此几乎不可见。 我只是开始查看他们的库源代码,无法找到如何将段落和占位符的文本更改为对比文本。 通过简单查看core/services/theming/theme.palete.js文件,我发现一些

我开始尝试使用角度材质(具体为0.8.3版)。
从主题化相关指令的代码和mdThemingProvider源代码中,我发现浅前景是为暗主题定义的。但文本段落的文本与默认文本一样保持黑色。
即使使用他们的输入演示示例代码,也存在颜色问题。当您删除标题电子邮件的内容时,输入字段占位符文本将变为深灰色,因此几乎不可见。
我只是开始查看他们的库源代码,无法找到如何将段落和占位符的文本更改为对比文本。
通过简单查看core/services/theming/theme.palete.js文件,我发现一些调色板属性的名称前缀为contrast。所以我认为他们定义了在黑暗主题中可见的颜色。但是如何使用它们呢

有没有什么好的建议,可以将可读内容归档到黑暗主题中,而不需要进行许多额外的编码?

如果这不会破坏整个应用程序的动态变化主题(通过从js代码调用$mdThemeProvider),那将是非常棒的。

我也遇到了这一点,我能够通过设置主题的
foregroundPalette
满意地解决我的问题(Angular Material v0.9.6):

myApp.config(function($mdThemingProvider) {
  $mdThemingProvider.theme('default')
    .dark()
    .foregroundPalette['3'] = 'rgba(255,0,0,1)';
})
你可以看到一个演示并与之进行比较。这似乎没有公开记录,因此它可能是AM内部的,事实上,它将改变整个应用程序的前景,即使您使用多个主题

前景有四种色调,它们对明暗主题有不同的值。以下是默认值(来自AM源):


至于我为什么选择了
3
,它恰好是我通过反复试验发现的
md输入容器所使用的阴影。

有没有办法将浅色前景与非深色调色板一起使用?我的主色是绿色,我更喜欢顶部的白色文本而不是darkOn。例如,我的主色是绿色,但我更喜欢顶部的白色文本而不是黑色。然而,我想保留黑色文本,只要有白色背景。有没有一种方法可以在不使用css的情况下进行配置?出色的分辨率。谢谢。
var DARK_FOREGROUND = {
  name: 'dark',
  '1': 'rgba(0,0,0,0.87)',
  '2': 'rgba(0,0,0,0.54)',
  '3': 'rgba(0,0,0,0.26)',
  '4': 'rgba(0,0,0,0.12)'
};
var LIGHT_FOREGROUND = {
  name: 'light',
  '1': 'rgba(255,255,255,1.0)',
  '2': 'rgba(255,255,255,0.7)',
  '3': 'rgba(255,255,255,0.3)',
  '4': 'rgba(255,255,255,0.12)'
};