angular - Material 2 paletta 对比色

标签 angular angular-material

在 paletta 中,我可以看到对比。 如何选择对比色?

作品:

scss
mat-color($button-primary);

不工作

scss 
mat-color($button-primary, contrast(900));

看到底部写着对比。

scss
$mat-red: (
  50: #ffebee,
  100: #ffcdd2,
  200: #ef9a9a,
  300: #e57373,
  400: #ef5350,
  500: #f44336,
  600: #e53935,
  700: #d32f2f,
  800: #c62828,
  900: #b71c1c,
  A100: #ff8a80,
  A200: #ff5252,
  A400: #ff1744,
  A700: #d50000,
  contrast: (
    50: $black-87-opacity,
    100: $black-87-opacity,
    200: $black-87-opacity,
    300: $black-87-opacity,
    400: $black-87-opacity,
    500: white,
    600: white,
    700: white,
    800: $white-87-opacity,
    900: $white-87-opacity,
    A100: $black-87-opacity,
    A200: white,
    A400: white,
    A700: white,
  )
);

如何使用对比度?

最佳答案

关于angular - Material 2 paletta 对比色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43581477/

相关文章:

css - 使用 ng-repeat 和 google materials flex box(带包装?)

angular - 如何在一个 json 响应中设置一个 Material Angular 表,并将键和值分隔到不同的数组中?

javascript - 为什么新 Promise 的 reject() 会在可怕的 "Uncaught (in promise)"错误中丢失堆栈跟踪

Angular 2 : Chain Observables in Resolver

Angular2 在获取资源时监视 302 重定向

angular - 在 Angular CLI 中避免相对路径

html - 我如何使用 Angular Material 设计类似 Google+ 的导航栏

javascript - 当互联网关闭时启用离线功能

Angular Material Table,通过订阅对表进行动画更改

angular - 如何使用带有异步管道和变化检测的 Material 表? (工作不正常)