Angular Material выделяет простой текст с подходящим цветом для готовой темы

Question

Я использую компоненты Angular Material в своем проекте. Я ищу компонент, что позволяет выделить какой-то текст на моей странице подходящим цветом для готовой темы (в настоящее время я использую deeppurple-amber.css).

Я не смог найти подходящего решения для этого, только этот запрос функции, который в настоящее время открыт: https://github.com/angular/material2/issues/9138

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

Или есть хорошее решение, как "вычислить" хороший цвет для любого шаблона?

Или есть компонент, который я не нашел?

Спасибо за любую помощь!

Answer 1

Если мое понимание верно, вам нужно получить цвет выбранной темы и применить его к другим компонентам в вашем представлении.

Вы можете получить цвет как:

myDiv.style.backgroundColor в вашем файле TS и присвойте тот же цвет другим компонентам в вашем представлении.