Полимер: альтернативный цвет в зависимости от роли пользователя (администратор, обычный пользователь, обычный пользователь)

Question

Я хотел бы спросить, может ли кто-нибудь поставить меня в лидеры.Я хотел бы использовать другую таблицу стилей в зависимости от роли пользователя в полимерном приложении.
Сначала я попытался использовать привязку данных на <style include='shared-styles'>
Я пытался: <style include='{{sharedStyle}}'>.Но, как и ожидалось, это не сработало.

Итак ... Может кто-нибудь объяснить мне, как начать в этой области?(если ключевое слово искать в Google, я не могу найти что-то действительно релевантное)

Answer 1

Используйте переменные CSS,

.admin {
   --app-color: #123
}
.user {
   --app-color: #456
}

Теперь объявите добавление мастер-контейнера с помощью js add class по типу пользователя

<div id="master"> </div>

и примените с

element {
   color : var(--app-color);
}