Feature Request: md-button-toggle-group color options (primary, accent, warn)

[leocaseiro]

Bug, feature request, or proposal:

Feature Request: add theme options for md-button-toggle-group

What is the expected behavior?

it should behave as same as md-raised-button's do.

What is the current behavior?

it only contains the default theme.

What are the steps to reproduce?

<md-button-toggle-group #group="mdButtonToggleGroup" color="primary">
  <md-button-toggle value="left">
    <md-icon>format_align_left</md-icon>
  </md-button-toggle>
<md-button-toggle-group

Eq: https://plnkr.co/edit/IHey0TCusgDW6X2eXV9W?p=preview

What is the use-case or motivation for changing an existing behavior?

Consistency on the Layout

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

@angular 4.4.0
@angular/material 2.0.0-beta.10

Is there anything else we should know?

There's an old issue similar #2709

[Avejack]

i wonder why this isn't a thing already :D Would like to see this feature :)

[umutesen]

It still has not been implemented, it would be a nice feature.

[diogodomanski]

+1

[MatthewTrout]

Should probably raise a separate issue rather than dovetailing this one, but in addition to colors, the other button features mat-flat-button etc would be useful. I appreciate that some might not lend themselves to toggle buttons but I think certainly having a flat variant would be achievable, especially when using toggle buttons in isolation.

[niveditaece]

+1

[EdricChan03]

@diogodomanski @niveditaece Please don't add unnecessary "+1"s to the issue. Consider using the emoji reactions instead.

[FernandoIbaePLiborio]

mat-button-toggle.mat-button-toggle-checked, mat-button-toggle.cdk-focused, mat-button-toggle.cdk-mouse-focused {
background: #3f51b5;
}

[sivadinesh1]

@FernandoIbaePLiborio solution works for the active buttons without any issues. Can you share the code to style the inactive buttons too. so that we can have full control of toggle button. Thanks

[nadav-lin]

@sivadinesh1 this should work
mat-button-toggle {
background: #4CAF50;
}

[FernandoIbaePLiborio]

https://github.com/FernandoIbaePLiborio/client/blob/master/src/styles.css
I'm progressing an application, maybe it will help.

[simeyla]

Expecting material issues to be fixed is getting too stressful for me.