Theming Angular Материал с пользовательскими цветами - PullRequest
0 голосов
/ 30 марта 2020

Я хочу изменить всю тему для моего angular 8 приложения

В файле css есть следующее:

@import '~@angular/material/theming';
// Plus imports for other components in your app.

// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once!
@include mat-core();

// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/
$sp-app-primary: mat-palette($mat-grey,900);
$sp-app-accent:  mat-palette($mat-pink, A200, A100, A400);

// The warn palette is optional (defaults to red).
$sp-app-warn:    mat-palette($mat-red);

// Create the theme object (a Sass map containing all of the palettes).
$sp-app-theme: mat-light-theme($sp-app-primary, $sp-app-accent, $sp-app-warn);


// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include angular-material-theme($sp-app-theme);

Итак, теперь моя панель инструментов с матом имеет черный фон, так что пользовательская тема работает.

Также я не могу на всю жизнь изменить цвета шрифта по умолчанию. Я хочу, чтобы текст был оранжевым на черном фоне, но независимо от того, что я делаю (я прошел через множество сообщений о переполнении стека), текст всегда белый ...

Я выбрал тему indi go при настройке материала. это вызывает мою проблему? Должен ли я выбрать пользовательский?

Я даже не могу переопределить цвет шрифта панели инструментов мат со стандартными css классами, поскольку они переопределяются стилями по умолчанию.

Это движение я злюсь Документация angular мне не совсем понятна.

1 Ответ

0 голосов
/ 01 апреля 2020

Вы пробовали -> https://materialtheme.arcsine.dev?

Это помогло мне применить мою собственную тему, и вы можете легко настроить ее для своих нужд.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...