search

Agranom / ngx-material-timepicker

Material desing timepicker for Angular 6.0+
https://agranom.github.io/ngx-material-timepicker/
MIT License
342 stars 139 forks source link

[Feature] Theme for ngx-timepicker-field #190

Open dancUB opened 5 years ago

dancUB commented 5 years ago

It would be nice to be able to easily modify the theme for ngx-timepicker-field. Particularly, being able to modify $primary-color: deepskyblue would be useful in making this match a given app's theme.

The theme for the clock is very useful, but to allow for full stylistic compatibility one should be able to modify font color, the underline beneath the field, and the underline on focus (or remove the latter two, if necessary).

image

Apologies if this is already possible, but I can't tell that it is.

Agranom commented 5 years ago

I agree with you. It's just a first version of ngx-timepicker-field. I gonna improve it

Jadamae77 commented 4 years ago

Is there any way to change the underline color currently?

Agranom commented 4 years ago

You can change it by using global styles or using ::ng-deep

Jadamae77 commented 4 years ago

Thanks! I am having a little trouble getting the underline changed to the Material purple...what am I missing? My :after element is being placed inside the arrow div, and I can't figure out why. image div.ngx-timepicker-control--active ::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background-color: #673ab7; }