Fix contrast color on toggle circle for dark theme (#33)

CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v7.1.2
+### Fixed
+- Added sufficient contrast to toggle on dark theme.
+
 ## v7.1.1
 ### Changed
 - Updated `$layout-nav-item-height` to align with office fabric's fluent command bar update.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@microsoft/azure-iot-ux-fluent-css",
   "description": "Azure IoT common styles library for CSS, Colors and Themes",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "license": "MIT",
   "engines": {
     "node": "^8.0.0"

src/dark/_color.fluent.scss

@@ -127,9 +127,9 @@
     --color-border-toggle-on-disabled: var(--color-text-30);
     --color-border-toggle-off-disabled: var(--color-text-30);
     --color-circle-toggle-on-rest: var(--color-white);
-    --color-circle-toggle-off-rest: var(--color-text-10);
+    --color-circle-toggle-off-rest: var(--color-grey-40);
     --color-circle-toggle-on-hover: var(--color-white); //Size circle reduce to have
-    --color-circle-toggle-off-hover: var(--color-black);
+    --color-circle-toggle-off-hover: var(--color-grey-20);
     --color-circle-toggle-on-focus: var(--color-white);
     --color-circle-toggle-off-focus: var(--color-black);
     --color-circle-toggle-on-disabled: var(--color-text-20);