ngx-material-timepicker icon indicating copy to clipboard operation
ngx-material-timepicker copied to clipboard

[Feature] Theme for ngx-timepicker-field

Open dancUB opened this issue 5 years ago • 4 comments

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.

dancUB avatar Aug 28 '19 18:08 dancUB

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

Agranom avatar Sep 02 '19 08:09 Agranom

Is there any way to change the underline color currently?

Jadamae77 avatar Apr 06 '20 14:04 Jadamae77

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

Agranom avatar Apr 09 '20 06:04 Agranom

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; }

Jadamae77 avatar Apr 09 '20 15:04 Jadamae77