diff --git a/packages/harmony/src/foundations/color/primitive.css b/packages/harmony/src/foundations/color/primitive.css index 20e38cda31e..35403aa369b 100644 --- a/packages/harmony/src/foundations/color/primitive.css +++ b/packages/harmony/src/foundations/color/primitive.css @@ -246,7 +246,7 @@ html[data-theme='default-light'] { --harmony-neutral: #16161a; --harmony-n-25: #f5f5f7; --harmony-n-50: #ececf0; - --harmony-n-100: #d4d4dc; + --harmony-n-100: #e4e4ea; --harmony-n-150: #c4c4cc; --harmony-n-200: #a8a8b2; --harmony-n-300: #6b6b75; @@ -259,7 +259,7 @@ html[data-theme='default-light'] { --harmony-n-950: #0b0b0e; /* Special Colors */ --harmony-white: #ffffff; - --harmony-background: #ffffff; + --harmony-background: #f7f7f9; --harmony-blue: #6a52e0; --harmony-orange: #b45309; --harmony-red: #dc2626; @@ -299,7 +299,7 @@ html[data-theme='default-dark'] { --harmony-neutral: #f2f2f5; --harmony-n-25: #141418; --harmony-n-50: #1c1c21; - --harmony-n-100: #34343c; + --harmony-n-100: #2a2a31; --harmony-n-150: #42424b; --harmony-n-200: #55555f; --harmony-n-300: #85858f; diff --git a/packages/harmony/src/foundations/color/primitive.ts b/packages/harmony/src/foundations/color/primitive.ts index e3e9e0d79a6..b4affcf2142 100644 --- a/packages/harmony/src/foundations/color/primitive.ts +++ b/packages/harmony/src/foundations/color/primitive.ts @@ -31,7 +31,7 @@ const defaultLightPrimitives = { neutral: { n25: '#F5F5F7', n50: '#ECECF0', - n100: '#D4D4DC', + n100: '#E4E4EA', n150: '#C4C4CC', n200: '#A8A8B2', n300: '#6B6B75', @@ -46,7 +46,7 @@ const defaultLightPrimitives = { neutral: '#16161A' }, special: { - background: '#FFFFFF', + background: '#F7F7F9', blue: '#6A52E0', darkRed: '#B91C1C', glassOverlay: '#FFFFFFC7', @@ -102,7 +102,7 @@ const defaultDarkPrimitives = { neutral: { n25: '#141418', n50: '#1C1C21', - n100: '#34343C', + n100: '#2A2A31', n150: '#42424B', n200: '#55555F', n300: '#85858F',