Allow the definition of colors through styling instead of configuration

[lehni]

It would be nice if I could create the component in a way that would make it not set color styles from code, e.g.:

<toggle-button :color="null">

.vue-js-switch .v-switch-core {
  background: $color-grey
}
.vue-js-switch.toggled .v-switch-core {
  background: $color-active
}

[euvl]

If you will use !important, it works.

[lehni]

Using !import is a workaround at best, no? What if this is in a library for others to use, and perhaps again override the color? If my library uses !important then they're left in the dust. Would you accept a PR to turn automatic colors off?

[euvl]

I will definitely review it 😄

[lehni]

sweet, thanks! lemme try this.

[euvl]

cool, thanks! Just make sure you test it well and does not break other features 👍 👍 👍

[lehni]

of course, I will

[lehni]

Shall I include the updated dist files in the commit as well?

[lehni]

Done: e18a628
I hope this works for you?

[lehni]

Instead of :color="null", perhaps it would be better if the value to turn this behavior off was color="none"? Happy to rewrite the commit if you agree.

[euvl]

Gave it a bit of a thought. I think the best solution would be to have prop cssColors=Boolean that turns on/off javascript color assigning. This way we do not reinvent the wheel with color or none or object or some_other_shit type of value for color prop

[lehni]

Ok, that sounds reasonable. Will change the PR!