euvl / vue-js-toggle-button

:fish_cake: Vue.js 2 toggle / switch button - simple, pretty, customizable
http://vue-js-toggle-button.yev.io/
MIT License
934 stars 133 forks source link

Changing text colour on check #88

Closed ecker00 closed 6 years ago

ecker00 commented 6 years ago

Am I misunderstanding the documentation or is it not possible to change text colour when toggling on/off? I've got a night/day mode switch where changing text color would be quite nice.

euvl commented 6 years ago

i think you need to change it through css

ecker00 commented 6 years ago

That did the trick, but felt a bit hacky when everything else was so smoothly implemented with property bindings. Using two classes .text-dark-left & .text-dark-right for fine control worked alright.

.text-dark-left .v-switch-label.v-left {
  color: #333 !important;
}
.text-dark-right .v-switch-label.v-right {
  color: #333 !important;
}