材料按鈕懸停顏色顯示不正確

我跟着指南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