Хорошо, я не усвоил (но теперь понимаю), что в материальном дизайне есть много частей интерфейса, которые вы просто не одобряете для окраски (грубо говоря, "тела" вашего контента). ), и что эти неперекрашенные части сделаны в оттенках серого (светлые или темные в зависимости от вашей темы). К цветным предметам, как правило, относятся баннеры, навигаторы, кнопки и т. Д. c.
Мне показалось поучительным go в списке компонентов и поместить каждый из них в один из двух списков в зависимости от того, допускают ли они цветовую директиву:
СДЕЛАЙТЕ ЦВЕТ ДИРЕКТИВ:
- mat-checkbox
- mat-datepicker
- mat-form-field
- mat-radio-group
- mat-radio-button
- mat-slider
- mat-slide-toggle
- mat-toolbar
- mat-list-option *
- mat-selection-list
- mat-tab-nav-bar (
<nav mat-tab-nav-bar [backgroundColor]="background">) - mat-tab-group
- mat-button (
<button mat-button>Basic</button>) - matBadge (
<span matBadge="4" matBadgeColor="accent">Text with a badge</span>) - mat-chip
- mat-icon
- mat-spinner
- mat- счетчик прогресса
- mat-progress-bar
- matRipple (
<div matRipple [matRippleColor]="myColor"></div>) - mat-paginator
DO NOT УСТРОЙСТВО ЦВЕТА:
- mat-autocomplete
- matInput (
<input matInput>) - mat-select
- mat-menu
- мат-драу r-content
- мат-ящик
- мат-ящик-контейнер
- мат-sidenav-контент
- мат-sidenav
- мат -sidenav-контейнер
- мат-панель инструментов-ряд
- мат-карта
- мат-разделитель
- мат-гармошка
- мат- панель расширения
- mat-action-row
- mat-extension-panel-header
- mat-grid-list
- mat-grid-tile
- mat-grid-tile-header
- mat-grid-tile-footer
- mat-nav-list
- mat-list
- mat-list-item
- mat-горизонтальный-шаговый
- mat-step
- mat-tab
- mat-tree-node
- mat-tree
- mat-button-toggle-group
- mat-button-toggle
- mat-chip-list
- MatBottomSheet
- MatDialog
- MatSnackBar
- matTooltip
- MatSortHeader
- MatTable
Примечание : некоторые по крайней мере, они не являются компонентами, но активируются Например, директива. В некоторых (не во всех!) Случаях я включил в скобки, как используется этот «компонент».