材料按钮悬停颜色显示不正确

我跟着指南written here！创建和定制我自己的主题，以使用一些材质2组件。我创建了我自己的调色板。材料按钮悬停颜色显示不正确

要自定义在我的组件使用的一些材料，按钮的颜色，我写了这混入

@mixin action-buttons-group-theme($theme) { 
    $primary: map-get($theme, primary); 
    $accent: map-get($theme, accent); 
    $warn: map-get($theme, warn); 
    $background: map-get($theme, background); 
    $foreground: map-get($theme, foreground); 

    .mat-button { 
     &:hover, &:active, &:focus { 
      background-color: $mat-color($primary, lighter); 
     } 
     &.mat-primary { 
      color: mat-color($primary); 
     } 
     &.mat-accent { 
      color: mat-color($accent); 
     } 
    } 
}

一切正常，只是按钮的悬停颜色不正确。通过浏览器的检查工具，我可以看到悬停动作的颜色是正确编译的，但我在浏览器中看到的却是不同的。例如：

背景颜色悬停动作设定为#e6e6e6，但究竟是显示为#d2d8e1按钮使用primary调色板，并为#e7d8cc按钮使用accent调色板。

主要默认颜色是#202020，而口音默认颜色是#ee7617

不知何故按钮的实际颜色悬停都涉及到按钮的文本的颜色。

我尝试了一些不同的颜色，但按钮的悬停颜色总是显示错误。

我用来挑选浏览器显示的实际颜色的工具是GPick。我用

材质的版本是2.0.0-beta.8，棱角分明的核心版本4.1.2

来源

2017-08-28 Hoang Duc Nguyen