Not able to set default Dark Theme

[Nsisodia91]

No description provided.

[Nsisodia91]

This is with regards to setting up the material keyboard to dark theme. Based on the documentation and code base, I'm changing the keyboard to dark theme on input control's focus event as below;

 private _keyboardRef: MatKeyboardRef<MatKeyboardComponent>;

 @ViewChild('username', { read: ElementRef })
 private _usernameElement: ElementRef;

temp() {
        this._keyboardRef = this._keyboardService.open(this.locale, {
            darkTheme: this.darkTheme
        });

        //reference the input element
        this._keyboardRef.instance.setInputInstance(this._usernameElement);
 }

This is not a good approach as I've to declare elementRef for all the input controls and execute this function everywhere.

Is there a way to set the dark theme globally for all the input controls during the component initialization?

[davidenke]

What you're doing is basically covered by the structural directive which should be preferred for binding inputs to the keyboard.

For now there's no way for setting a base config, but it shouldn't be too difficult to provide one as injection token and setting it as default on initialization. I would like to see a PR for that.

Unfortunately I don't have the time I would like to have for this project and my last efforts was introducing tests and stabilizing angular / material stability with automated tests. After this I hope to find time to refactor and implement features like a base config.