CL at https://chromium-review.googlesource.com/c/chromium/src/+/1038737, still WIP.

Note that with this change, the 4 states disabled/enabled + on/off are easier to distinguish I think. Compare the following screenshots (I have disabled some toggles manually just for illustration purposes).

The basic difference is that while disabled, the colors do not drastically change. It only affects the opacity of the entire control, as opposed to previous spec where colors would be affected (in addition to opacity).

Deleted: old_toggles.png 46.4 KB

	old_toggles.png 46.4 KB View Download

Deleted: new_toggles.png 46.5 KB

	new_toggles.png 46.5 KB View Download

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/e6c77b80cd3c75616f92685141e6739877e31c93

commit e6c77b80cd3c75616f92685141e6739877e31c93
Author: Scott Chen <scottchen@chromium.org>
Date: Fri May 04 00:09:34 2018

WebUI: allow setting paper-ripple's opacity.

Bug:  836391 ,  832184 
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I1ae3418e5b153a89b6d6bd5169365cc50bab7a15
Reviewed-on: https://chromium-review.googlesource.com/1040273
Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Scott Chen <scottchen@chromium.org>
Cr-Commit-Position: refs/heads/master@{#555919}
[modify] https://crrev.com/e6c77b80cd3c75616f92685141e6739877e31c93/third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html
[modify] https://crrev.com/e6c77b80cd3c75616f92685141e6739877e31c93/ui/webui/resources/cr_elements/cr_toggle/cr_toggle.html

Updated screenshot, with the proper disabled opacity set to 0.38 (as opposed to 0.5).

Deleted: 038_opacity.png 46.6 KB

	038_opacity.png 46.6 KB View Download

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/60cce1e810fae7cbb0d81ac1353bc26a5d2dfa50

commit 60cce1e810fae7cbb0d81ac1353bc26a5d2dfa50
Author: dpapad <dpapad@chromium.org>
Date: Sat May 05 05:58:12 2018

WebUI MD Refresh: Update cr-toggle to adhere to the new spec.

Bug:  832184 
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: Idf252a9e10a524e898e2de8fc540d890285ff01e
Reviewed-on: https://chromium-review.googlesource.com/1038737
Reviewed-by: Scott Chen <scottchen@chromium.org>
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#556311}
[modify] https://crrev.com/60cce1e810fae7cbb0d81ac1353bc26a5d2dfa50/ui/webui/resources/cr_elements/cr_toggle/cr_toggle.html
[modify] https://crrev.com/60cce1e810fae7cbb0d81ac1353bc26a5d2dfa50/ui/webui/resources/cr_elements/shared_vars_css.html

 Issue 818173  has been merged into this issue.