Описание тега angular-material-theming

0 ответов

Угловая материальная тема

Я нашел в файле _theming.scss $mat-light-theme-background: ( status-bar: map_get($mat-grey, 300), app-bar: map_get($mat-grey, 100), background: map_get($mat-grey, 50), hover: rgba(black, 0.04), // TODO(kara): check style with Material Design UX card…
2 ответа

Библиотека Font Awesome не работает с библиотекой Angular Material в Angular Project

Я пытался использовать шрифт удивительный CSS в моем проекте, но CSS не применяется к элементам HTML. Если я удалю тему Angular Material, то будет работать только CSS Font Awesome. Но тогда Угловые Материальные Компоненты не будут работать!!! @impor…
1 ответ

Как применить пользовательскую тему угловых материалов без SCSS?

Я работаю в корпоративной среде, из-за которой крайне сложно попробовать заставить SCSS работать на нашем сервере сборки. Есть ли способ применить собственную тему Angular Material 2, используя вместо этого пользовательские цветовые палитры в виде п…
2 ответа

Создание угловой темы без использования палитры материалов.

Возможно ли создать тему в угловом материале с собственными шестнадцатеричными кодами? вместо чего-то вроде этого $my-theme-primary: mat-palette($mat-blue, 800); $my-theme-accent: mat-palette($mat-orange); $my-theme-warn: mat-palette($mat-red); $my-…
1 ответ

Типография угловой материал - изготовление на заказ

В настройках моего углового материала типография темы. Я понимаю, что можно переопределить шрифт по умолчанию своим собственным шрифтом следующим образом: $custom-typography: mat-typography-config( $font-family: 'Lato, monospace' ); Хотя я заметил, …
2 ответа

Угловой материал, изменяющий цвет шрифта по умолчанию

Я использую угловой материал и немного потерялся в тематике. Я использую готовую индиго-розовую тему, которая включена в мои styles.scss, как показано ниже @import "~@angular/material/prebuilt-themes/indigo-pink.css"; На основе документа я создал но…
0 ответов

Ошибки импорта темы темой Angular Material 2

Я пытаюсь разработать собственную тему Angular Material, и пока я следую нескольким руководствам в Интернете. Я начал с базового theme.scss файл со следующими строками: @import '~@angular/material/theming'; @include mat-core(); Я изменил angular-cli…
0 ответов

Angular-Material: использование темной темы приводит к тому, что текст-заполнитель становится нечитаемым при фокусировке ввода

Я настроил темную тему, которую пользователь может выбрать по умолчанию. Тема определяется так $etdb-dark-primary: mat-palette($mat-grey, 900); $etdb-dark-accent: mat-palette($mat-red, A700); $etdb-dark-warn: mat-palette($mat-orange, 900); $etdb-dar…
2 ответа

Угловая материальная тема

Я пытаюсь изменить тему проекта, в котором есть Angular 6 и использует Angular Material 6.3.3 В настоящее время я просто скопировал код с сайта Material и выполнил шаги, но при попытке запустить ng serve появляется ошибка. **ERROR** in ./src/styles.…
1 ответ

Угловой материал не может изменить цвет фона с темой

Я пытался сделать собственную тему для своего сайта, но ничто не повлияет на цвет фона. Это моя тема: @import '~@angular/material/theming'; @include mat-core(); $warn: mat-palette($mat-red); $dark-primary: mat-palette($mat-grey, 900); $dark-accent: …
0 ответов

Изменить основной цвет в AngularDart (angular_components)

У меня много проблем с изменением основного цвета по умолчанию компонентов дизайна материалов в моем веб-приложении. Я работаю с Android и Flutter ежедневно, поэтому надеюсь, что есть способ просто установить значение colorPrimary для всего приложен…
1 ответ

Как эффективно распространять графическую тему в Angular с помощью Sass?

Сценарий: У меня есть приложение, которое в Id хотел бы использовать 3 различные графические темы. Для распространения своих тем я использую 3 разных класса, которые я применяю к своему корневому компоненту, Давайте назовем эти классы.themeA, .theme…
2 ответа

@import '~@material/theme'; в sytles.css не может работать

Я получил ошибку, когда я следую инструкции онлайн https://material.angular.io/guide/theming ОШИБКА в./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/s…
1 ответ

Инкапсуляция стилевого представления углового компонента не работает, когда файл scss компонента импортируется в файл scss стилей

Представьте, что в файле my.component.scss компонента Angular есть смесь SCSS. Сейчас я импортирую этот файл в глобальный style.scss приложения Angular, потому что я хотел бы передать некоторые данные в этот миксин. Например: my-component.scss. <…
1 ответ

Угловой материал - все допустимые аргументы для `mat-palette()`

В документации по темам Angular Material мы устанавливаем основной цвет индиго следующим образом: $candy-app-primary: mat-palette($mat-indigo); Где я могу сослаться на все приемлемые аргументы для mat-palette() функционировать? Я хотел знать все воз…
1 ответ

Угловой материал: как использовать все цвета темы

Я использую угловой материал в угловой 7. Я использовал angular-material в angular-1 раньше, и он предоставил способ (md-colors) для использования всех цветов. Но для angular-material-7 я не могу найти такого рода собственность. Когда мы используем …
2 ответа

Угловая типография материала установлена ​​неправильно

Я пытаюсь внедрить Angular Material Typography, однако у меня возникли некоторые трудности, и я не уверен, в чем может быть проблема. Я следовал инструкциям Angular, однако столкнулся с проблемой. Проблема в том, что похоже, что все в приложении зат…
1 ответ

Угловой материал готовой тематики индиго-розового цвета, не вступающий в силу - угловой

В моих стилях.scss @import '~@angular/material/prebuilt-themes/indigo-pink.css'; Я также пытался это сделать в моем index.html <link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet" /> Наконец я попытался …
0 ответов

Angular Material Setting пользовательский типографский шрифт не применяется к mat-subheader

Я включил пользовательский шрифт для циновки, например, так: $custom-typography: mat-typography-config( $font-family: '"ProximaNova-Regular", Roboto, sans-serif;' //$body-1: mat-typography-level(14px, 20px, 400) ); @include mat-core($custom-typograp…
0 ответов

Резервное значение для Angular Material Theming Mixin

Как определить запасное значение для цветовой тематики, если оно не было предоставлено? Если вы посмотрите на пример ниже: @import '~@angular/material/theming'; @mixin angularx-timeline-theme($theme) { $primary: map-get($theme, primary); $primary-co…