Я использую Kendo UI с приложением Angular 7.Приложение должно поддерживать изменение тем на лету.Например, некоторые пользователи хотели бы иметь светлый режим, в то время как другие предпочитают темный режим.
Пользовательский интерфейс Kendo имеет очень хорошую поддержку тем, но проблема в том, что темы могут быть установлены только во время компиляции.
Согласно их рекомендациям, указание темы должно быть частьюфайл angular.json, как показано ниже.
"styles": [
"node_modules/@progress/kendo-theme-bootstrap/dist/all.css",
"src/styles.scss"
]
, но он будет компилироваться только во встроенный CSS внутри корневой страницы.Мы не можем изменить его на лету.
Альтернативный подход, который я рассматриваю, заключается в добавлении CSS в файл index.html, например,
<link rel="stylesheet" href="node_modules/@progress/kendo-theme-bootstrap/dist/all.css">
и попытке this решение.
Это правильный способ решения проблемы или есть лучшее решение, чем это?