角材料，如何在定义主题颜色时使用dark（）函数？

问题描述：

当我阅读https://material.angularjs.org/#/demo/material.components.input
角材料，如何在定义主题颜色时使用dark（）函数？

app.config(function($mdThemingProvider){ 
// Configure a dark theme with primary foreground yellow 
$mdThemingProvider.theme('docs-dark', 'default') 
    .primaryPalette('yellow') 
    .dark(); });

什么.dark的意义演示（）？
如果我想将背景颜色设置为蓝色，红色或其他颜色，该怎么办？

答

我相信它会使背景变暗，而不一定是高光的颜色。你尝试过只应用它，看看会发生什么？另外，其他突出显示颜色是否按您的意图显示，或者这只是演示代码？

如果其他主题不起作用，请确保您在应用程序的配置中插入了正确的依赖关系。你必须有

ngMaterial

答

如前所述，它交换调色板使用黑暗值。我基于0.10版本的theming.js中的代码。

首先，在主题设置暗（）更改背景值：

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 DARK_DEFAULT_HUES = { 
    'background': { 
    'default': '800', 
    'hue-1': '300', 
    'hue-2': '600', 
    'hue-3': '900' 
    } 
};

如果要创建一个自定义调色板，你也可以指定对比色：您还可以得到这个阴影周围的一些文本元素：

var DARK_SHADOW = '1px 1px 0px rgba(0,0,0,0.4), -1px -1px 0px rgba(0,0,0,0.4)';

默认的色调也改变

'contrastDefaultColor': 'dark'

并定义了一些与'contrastLightColors'和'contrastStrongLightColors'对比的颜色。

我个人还没有真正能够做出好看寻找黑暗的主题，并且还发现有关黑暗主题的文档有点缺乏。你可以做的另一件事是检查palette definitions帮助了解对比颜色的映射。

角材料，如何在定义主题颜色时使用dark（）函数？

相关推荐