Board Thread:General Coding Help/@comment-26923519-20171027024246/@comment-24757753-20171027190802

Changing the ID of every checkbox on the page is not a good idea, and will cause issues with code/forms that rely on those IDs. Re-associating their labels will also cause accessibility issues, and break toggling of checkboxes via their actual labels.

These days, styling the default elements isn't too tricky with pure CSS (with the exception of IE). I would suggest creating SVGs of the WDS-styled toggles (assuming they're not already available as SVGs) and apply them via  with the checkbox selectors above.