Угловой Материал Пользовательские Тема - PullRequest
Новая
       7

Угловой Материал Пользовательские Тема

0 голосов
/ 12 мая 2019

Я пытаюсь создать собственную тему в материале Angular. Используя следующий код

Я попробовал и протестировал 3 переменные primary, accent, warn, и я мог изменить этот цвет так, как я хочу, но хотел использовать еще одну переменнуюназывается test.but кажется, что тема не может иметь более 3 атрибутов.Есть ли способ, которым я мог бы использовать больше цветовой переменной в угловом материале 

// Import library functions for theme creation.
@import '~@angular/material/theming';

// Include non-theme styles for core.
@include mat-core();

$my-blue: (
  50: #7fdddd,
  100: #630963,
  200: #86550b,
  300: #7faedd,
  400: #7faedd,
  500: #7faedd,
  600: #7faedd,
  700: #940d0d,
  800: #7faedd,
  900: #7faedd,
  A100: #7faedd,
  A200: #7faedd,
  A400: #7faedd,
  A700: #7faedd,
  contrast: (
    50: white,
    100: white,
    200: white,
    300: white,
    400: white,
    500: white,
    600: white,
    700: white,
    800: white,
    900: white,
    A100: white,
    A200: white,
    A400: white,
    A700: white,
  )
);
// Define your application's custom theme.
$mat-mytheme-primary: mat-palette($my-blue, 100);
$mat-mytheme-accent:  mat-palette($mat-green, A200, A100, A400);
$mat-mytheme-test: mat-palette($my-blue, 200);
$mat-mytheme-warn: mat-palette($my-blue, 700);

$mat-mytheme: mat-light-theme($mat-mytheme-primary, $mat-mytheme-accent,$mat-mytheme-test,$mat-mytheme-warn);

// Include theme styles for Angular Material components.
@include angular-material-theme($mat-mytheme);
...