From a6bdc3886619893b8656bb4f2e05e88ef0a7d466 Mon Sep 17 00:00:00 2001
From: thyhmdo <77697351+thyhmdo@users.noreply.github.com>
Date: Tue, 17 Jan 2023 13:48:22 -0600
Subject: [PATCH] updating the color tokens on the color page (#3345)

---
 src/data/guidelines/color-tokens.js | 40 ++++++++++++++---------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/data/guidelines/color-tokens.js b/src/data/guidelines/color-tokens.js
index d88394ad6f3..1cbe524593f 100644
--- a/src/data/guidelines/color-tokens.js
+++ b/src/data/guidelines/color-tokens.js
@@ -242,19 +242,19 @@ const colorTokens = {
       value: {
         white: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g10: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g90: {
           name: 'Gray 80 hover',
-          hex: '#4c4c4c',
+          hex: '#474747',
         },
         g100: {
           name: 'Gray 90 hover',
-          hex: '#353535',
+          hex: '#333333',
         },
       },
     },
@@ -263,19 +263,19 @@ const colorTokens = {
       value: {
         white: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g10: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g90: {
           name: 'Gray 70 hover',
-          hex: '#656565',
+          hex: '#636363',
         },
         g100: {
           name: 'Gray 80 hover',
-          hex: '#4c4c4c',
+          hex: '#474747',
         },
       },
     },
@@ -284,11 +284,11 @@ const colorTokens = {
       value: {
         white: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g10: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g90: {
           name: 'Gray 60 hover',
@@ -296,7 +296,7 @@ const colorTokens = {
         },
         g100: {
           name: 'Gray 70 hover',
-          hex: '#656565',
+          hex: '#636363',
         },
       },
     },
@@ -792,19 +792,19 @@ const colorTokens = {
       value: {
         white: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g10: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g90: {
           name: 'Gray 80 hover',
-          hex: '#4c4c4c',
+          hex: '#474747',
         },
         g100: {
           name: 'Gray 90 hover',
-          hex: '#353535',
+          hex: '#333333',
         },
       },
     },
@@ -813,11 +813,11 @@ const colorTokens = {
       value: {
         white: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g10: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g90: {
           name: 'Gray 70 hover',
@@ -834,11 +834,11 @@ const colorTokens = {
       value: {
         white: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g10: {
           name: 'Gray 10 hover',
-          hex: '#e5e5e5',
+          hex: '#e8e8e8',
         },
         g90: {
           name: 'Gray 60 hover',
@@ -2266,4 +2266,4 @@ const colorTokens = {
   },
 };
 
-export default colorTokens;
+export default colorTokens;
\ No newline at end of file