Я использую компоненты дизайна углового материала, чтобы иметь постоянный внешний вид на всем моем сайте. (Angular Material Design)Как применить тему пользовательского материала к компоненту Bootstrap
Я создал собственную тему для этого:
$mdThemingProvider.theme('default')
.primaryPalette('red', {
'default': '700',
'hue-1': '100',
'hue-2': '600',
'hue-3': 'A100'
})
.accentPalette('light-blue');
К сожалению, я не могу найти CSS, чтобы определить знак, поэтому я использовал один предоставленный загрузчике. Проблема в том, что моя пользовательская тема не применяется.
Как я могу это достичь? Или, что еще лучше, материальный дизайн CSS предоставляет нечто подобное? (Не удалось найти это).
Это то, что я имею в momement:
и HTML для этого есть:
<div class="md-block" layout layout-align="center center">
<div flex="20" layout layout-align="center center">
<span class="md-body-1">Poll interval in days</span>
</div>
<md-slider class="md-primary" flex ng-model="client.PollIntervalInDays" step="1" min="1" max="100" aria-label="rating">
</md-slider>
<div flex="20" layout layout-align="center center">
<h2><span class="label label-pill label-danger">{{client.PollIntervalInDays}}</span></h2>
</div>
</div>
Проблема заключается в том, что цвета от мкр-первичного не совпадает с этикетка-опасность. Я попытался применить md-priamry на пролете, но это не сработает.
Любые идеи?
Оформить заказ https://github.com/tilwinjoy/angular-bootstrap-material –