Skuid Mobile check box on off

I am developing my mobile solution and creating an audit.  I have a number of fields that are check boxes.  In Skuid Mobile the check boxes appear as sliders instead of check boxes which is fine.  But the sliders say On or Off.  I looked in the developer console and I know I need to change this line from On and Off to True or False.  I would also need to make the slider wider to accommodate more characters.  ANd make true be in light green and false be in red.  I know I can do the coloring using CSS.  But how do I change the label from on off to True False?

input[type=checkbox]:before { content: ‘True’}input[type=checkbox]:checked:before { content: ‘False’}