Update colors to fix a11y (#41)

CHANGELOG.md

@@ -1,5 +1,10 @@
 # CHANGELOG
 
+## v8.0.6
+### Changed
+- Updated `--color-search-background` to `--color-light-transparent-tenth` in both light and dark
+- Updated `--color-status-success` and `--color-status-warning` in light mode to increase hue.
+
 ## v8.0.5
 ### Added
 - Content background featured color for the background area behind featured items, to make them stand out and more distinct from the rest.

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/azure-iot-ux-fluent-css",
-  "version": "8.0.5",
+  "version": "8.0.6",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

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": "8.0.5",
+  "version": "8.0.6",
   "license": "MIT",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

src/themes/_color.dark.css

@@ -43,7 +43,7 @@
   --color-masthead-background: #3c3c41;
   --color-masthead-foreground: #ffffff;
   --color-masthead-button-hover: #666666;
-  --color-search-background: var(--color-light-transparent-third);
+  --color-search-background: var(--color-light-transparent-tenth);
   --color-search-background-hover: #ffffff;
   --color-search-text-hover: #000000;
   --color-search-text-placeholder: #666666;

src/themes/_color.light.css

@@ -18,11 +18,11 @@
   --color-accent-foreground: #ffffff;
 
   /* Status */
-  --color-status-success: #3bb44a;
+  --color-status-success: #36a643;
   --color-status-success-foreground: #323130;
   --color-status-informational: #879092;
   --color-status-informational-foreground: #323130;
-  --color-status-warning: #d58e00;
+  --color-status-warning: #c28100;
   --color-status-warning-foreground: #323130;
   --color-status-danger: #a50606;
   --color-status-danger-foreground: #ffffff;
@@ -43,7 +43,7 @@
   --color-masthead-background: #3c3c41;
   --color-masthead-foreground: #ffffff;
   --color-masthead-button-hover: #666666;
-  --color-search-background: var(--color-light-transparent-third);
+  --color-search-background: var(--color-light-transparent-tenth);
   --color-search-background-hover: #ffffff;
   --color-search-text-hover: #000000;
   --color-search-text-placeholder: #666666;