Материал AngularJS | Доступ к цветам темы в файлах Sass

Есть ли способ получить доступ к цветам темы в файлах Sass. Например, я хочу установить основной цвет текста. Это моя попытка, которая не работает:

.task-duedate {
    color: $md-primary;
}

angularjs-material
person Naresh    schedule 10.03.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Лучшие практики дизайна материалов предполагают, что следует использовать белый или черный цвет в качестве цвета текста (содержимого тела), который будет выполняться по умолчанию с использованием библиотеки дизайна материалов angularJS. Для ссылок можно использовать плоские кнопки.

person nextt1    schedule 10.03.2016
comment
Не могли бы вы дать ссылку? Мой дизайнер хотел бы обратить внимание пользователей на предупреждение, т.е. задача просрочена. Я чувствую, что это разумный вопрос. Это не ссылка, это не кнопка - это просто информационное/предупреждающее сообщение. - person Naresh; 10.03.2016
comment
google.com/design/spec/style/color.html проверить Раздел Цвета текста и фона. проверьте это тоже. material.angularjs.org/latest/api/directive/mdHighlightText - person nextt1; 10.03.2016
comment
Также обратите внимание, что код, показанный в вопросе, является просто примером. Более общий вопрос: можно ли использовать цвета темы в файлах Sass — будь то текст, кнопки или что-то еще. В частности, я видел только примеры использования hue-1, hue-2 и т. д. в разметке, но не сырых цветов палитры, таких как 100, 200, A100 и т. д. - person Naresh; 10.03.2016
comment
material.angularjs.org/latest/Theming/03_configuring_a_theme Вы можете указать свою собственную тему с помощью столько цветов палитры, сколько вы хотите. - person nextt1; 11.03.2016
comment
Спасибо, @nextt1. Я знаю этот метод. Хотя он позволяет мне создавать палитры, используя 100, 200 и т. д., он не позволяет мне использовать эти символы непосредственно в разметке или в css. Я должен использовать абстракции, такие как hue1, hue2 и т. д. - person Naresh; 11.03.2016
comment
Вы можете определить любой желаемый цвет в конфигурации и можете легко его использовать. Например md-primary-hue-1. Зачем вам нужен отдельный файл css(sass) для этого. - person nextt1; 11.03.2016
comment
Единственный вариант использования, который у меня есть сейчас, - это текстовый пример в моем вопросе. В таком случае я не могу использовать md-xyz в разметке — Angular Material его просто не поддерживает. Единственный способ переопределить цвет — через Sass/CSS. Я просмотрел ссылку Текст и фон, которую вы предоставили, однако в ней НЕ говорится, что вы не можете использовать цвет в тексте, и есть множество Материальных примеров людей, которые это делают (Карты Google, Todoist , ...) - person Naresh; 11.03.2016
comment
В нем четко сказано, что мы должны использовать темный текст на светлом фоне и белый текст на темном фоне и использовать разные уровни непрозрачности вместо разных цветов. Я не думаю, что видел какой-либо дизайн с другим цветом текста, кроме черного или белого для основного содержимого. мы можем использовать цвет для заголовков и ссылок, но текст в основном представлен белым или черным цветом с непрозрачностью. попробуйте использовать подзаголовок, если это возможно material.angularjs.org/latest/api/directive/mdSubheader< /а> - person nextt1; 11.03.2016
comment
stackoverflow.com/ вопросы/28487327/ @Naresh - person nextt1; 11.03.2016