Revert "feat(tokens): add new tokens (#2203)" (#2414)

This reverts commit f1b05c9.
razorpay · Nov 12, 2024 · 51e72a7 · 51e72a7
1 parent 9235163
commit 51e72a7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/packages/blade/src/tokens/global/colors.ts b/packages/blade/src/tokens/global/colors.ts
@@ -93,7 +93,6 @@ export const colors: Color = {
       a100: `hsla(227, 100%, 59%, ${opacity[300]})`,
       a150: `hsla(227, 100%, 59%, ${opacity[400]})`,
       a200: `hsla(227, 100%, 59%, ${opacity[500]})`,
-      a400: `hsla(227, 100%, 59%, ${opacity[800]})`,
     },
     emerald: {
       50: `hsla(152, 60%, 95%, ${opacity[1200]})`,

diff --git a/packages/blade/src/tokens/theme/bladeTheme.ts b/packages/blade/src/tokens/theme/bladeTheme.ts
@@ -229,14 +229,14 @@ const colors: ColorsWithModes = {
         gray: {
           default: globalColors.neutral.blueGrayLight.a75,
           highlighted: globalColors.neutral.blueGrayLight.a100,
-          disabled: globalColors.neutral.blueGrayLight.a100,
+          disabled: globalColors.neutral.blueGrayLight.a50,
           faded: globalColors.neutral.blueGrayLight.a25,
           fadedHighlighted: globalColors.neutral.blueGrayLight.a75,
         },
         primary: {
           default: globalColors.chromatic.azure[500],
           highlighted: globalColors.chromatic.azure[600],
-          disabled: globalColors.chromatic.azure.a100,
+          disabled: globalColors.chromatic.azure.a50,
           faded: globalColors.chromatic.azure.a50,
           fadedHighlighted: globalColors.chromatic.azure.a100,
         },
@@ -352,7 +352,7 @@ const colors: ColorsWithModes = {
           normal: globalColors.chromatic.azure[600],
           subtle: globalColors.chromatic.azure[500],
           muted: globalColors.chromatic.azure[400],
-          disabled: globalColors.chromatic.azure.a200,
+          disabled: globalColors.chromatic.azure.a100,
         },
         onPrimary: {
           normal: globalColors.neutral.white[500],
@@ -414,7 +414,7 @@ const colors: ColorsWithModes = {
           normal: globalColors.chromatic.azure[600],
           subtle: globalColors.chromatic.azure[500],
           muted: globalColors.chromatic.azure[400],
-          disabled: globalColors.chromatic.azure.a200,
+          disabled: globalColors.chromatic.azure.a100,
         },
         onPrimary: {
           normal: globalColors.neutral.white[500],
@@ -672,14 +672,14 @@ const colors: ColorsWithModes = {
         gray: {
           default: globalColors.neutral.blueGrayDark.a75,
           highlighted: globalColors.neutral.blueGrayDark.a100,
-          disabled: globalColors.neutral.blueGrayDark.a100,
+          disabled: globalColors.neutral.blueGrayDark.a50,
           faded: globalColors.neutral.blueGrayDark.a25,
           fadedHighlighted: globalColors.neutral.blueGrayDark.a75,
         },
         primary: {
           default: globalColors.chromatic.azure[400],
           highlighted: globalColors.chromatic.azure[500],
-          disabled: globalColors.chromatic.azure.a150,
+          disabled: globalColors.chromatic.azure.a100,
           faded: globalColors.chromatic.azure.a150,
           fadedHighlighted: globalColors.chromatic.azure.a200,
         },
@@ -732,7 +732,7 @@ const colors: ColorsWithModes = {
         gray: {
           default: globalColors.neutral.blueGrayDark[600],
           highlighted: globalColors.neutral.blueGrayDark[600],
-          disabled: globalColors.neutral.blueGrayDark[700],
+          disabled: globalColors.neutral.blueGrayDark[800],
           faded: globalColors.neutral.blueGrayDark.a100,
         },
         primary: {
@@ -795,7 +795,7 @@ const colors: ColorsWithModes = {
           normal: globalColors.chromatic.azure[300],
           subtle: globalColors.chromatic.azure[400],
           muted: globalColors.chromatic.azure[600],
-          disabled: globalColors.chromatic.azure.a400,
+          disabled: globalColors.chromatic.azure.a200,
         },
         onPrimary: {
           normal: globalColors.neutral.white[500],
@@ -857,7 +857,7 @@ const colors: ColorsWithModes = {
           normal: globalColors.chromatic.azure[300],
           subtle: globalColors.chromatic.azure[400],
           muted: globalColors.chromatic.azure[600],
-          disabled: globalColors.chromatic.azure.a400,
+          disabled: globalColors.chromatic.azure.a200,
         },
         onPrimary: {
           normal: globalColors.neutral.white[500],
@@ -887,8 +887,8 @@ const colors: ColorsWithModes = {
     },
     popup: {
       background: {
-        subtle: globalColors.neutral.blueGrayDark[700],
-        intense: globalColors.neutral.blueGrayDark[700],
+        subtle: globalColors.neutral.blueGrayDark[1000],
+        intense: globalColors.neutral.blueGrayDark[1000],
       },
       border: {
         subtle: globalColors.neutral.blueGrayDark.a100,