update examples

frontend/src/metabase/components/CheckBox.info.js

@@ -8,7 +8,10 @@ A standard checkbox.
 `;
 
 export const examples = {
-    "off": <CheckBox />,
-    "on": <CheckBox checked />,
-    "on inverted": <CheckBox style={{ color: "#509EE3" }} invertChecked checked />
+    "Default - Off": <CheckBox />,
+    "On - Default blue": <CheckBox checked />,
+    "Purple": <CheckBox checked color='purple' />,
+    "Yellow": <CheckBox checked color='yellow' />,
+    "Red": <CheckBox checked color='red' />,
+    "Green": <CheckBox checked color='green' />,
 };