add new color for surface

Vonage · Oct 8, 2024 · 5022902 · 5022902
1 parent 3a4ff2b
commit 5022902
Show file tree

Hide file tree

Showing 3 changed files with 145 additions and 11 deletions.
diff --git a/data/globals/color/palette.tokens.json b/data/globals/color/palette.tokens.json
@@ -375,6 +375,52 @@
         "value": "#1d031a",
         "type": "color"
       }
+    },
+    "purple-grey": {
+      "50": {
+        "value": "#f2f3f9",
+        "type": "color"
+      },
+      "100": {
+        "value": "#e5e5ec",
+        "type": "color"
+      },
+      "200": {
+        "value": "#cbcbd9",
+        "type": "color"
+      },
+      "300": {
+        "value": "#b2b1c7",
+        "type": "color"
+      },
+      "400": {
+        "value": "#908fae",
+        "type": "color"
+      },
+      "500": {
+        "value": "#727198",
+        "type": "color"
+      },
+      "600": {
+        "value": "#63628d",
+        "type": "color"
+      },
+      "700": {
+        "value": "#494977",
+        "type": "color"
+      },
+      "800": {
+        "value": "#31304f",
+        "type": "color"
+      },
+      "900": {
+        "value": "#191828",
+        "type": "color"
+      },
+      "950": {
+        "value": "#0d0c15",
+        "type": "color"
+      }
     }
   }
 }
diff --git a/data/themes/dark/semantics.tokens.json b/data/themes/dark/semantics.tokens.json
@@ -226,6 +226,48 @@
         "type": "color"
       }
     },
+    "success": {
+      "50": {
+        "value": "{color.green.900}",
+        "type": "color"
+      },
+      "100": {
+        "value": "{color.green.800}",
+        "type": "color"
+      },
+      "200": {
+        "value": "{color.green.700}",
+        "type": "color"
+      },
+      "300": {
+        "value": "{color.green.600}",
+        "type": "color"
+      },
+      "400": {
+        "value": "{color.green.500}",
+        "type": "color"
+      },
+      "500": {
+        "value": "{color.green.400}",
+        "type": "color"
+      },
+      "600": {
+        "value": "{color.green.300}",
+        "type": "color"
+      },
+      "700": {
+        "value": "{color.green.200}",
+        "type": "color"
+      },
+      "800": {
+        "value": "{color.green.100}",
+        "type": "color"
+      },
+      "900": {
+        "value": "{color.green.50}",
+        "type": "color"
+      }
+    },
     "alert": {
       "50": {
         "value": "{color.red.900}",
@@ -268,45 +310,45 @@
         "type": "color"
       }
     },
-    "success": {
+    "neutral-tint": {
       "50": {
-        "value": "{color.green.900}",
+        "value": "{color.purple-grey.900}",
         "type": "color"
       },
       "100": {
-        "value": "{color.green.800}",
+        "value": "{color.purple-grey.800}",
         "type": "color"
       },
       "200": {
-        "value": "{color.green.700}",
+        "value": "{color.purple-grey.700}",
         "type": "color"
       },
       "300": {
-        "value": "{color.green.600}",
+        "value": "{color.purple-grey.600}",
         "type": "color"
       },
       "400": {
-        "value": "{color.green.500}",
+        "value": "{color.purple-grey.500}",
         "type": "color"
       },
       "500": {
-        "value": "{color.green.400}",
+        "value": "{color.purple-grey.400}",
         "type": "color"
       },
       "600": {
-        "value": "{color.green.300}",
+        "value": "{color.purple-grey.300}",
         "type": "color"
       },
       "700": {
-        "value": "{color.green.200}",
+        "value": "{color.purple-grey.200}",
         "type": "color"
       },
       "800": {
-        "value": "{color.green.100}",
+        "value": "{color.purple-grey.100}",
         "type": "color"
       },
       "900": {
-        "value": "{color.green.50}",
+        "value": "{color.purple-grey.50}",
         "type": "color"
       }
     }

diff --git a/data/themes/light/semantics.tokens.json b/data/themes/light/semantics.tokens.json
@@ -333,6 +333,52 @@
         "value": "{color.red.950}",
         "type": "color"
       }
+    },
+    "neutral-tint": {
+      "50": {
+        "value": "{color.purple-grey.50}",
+        "type": "color"
+      },
+      "100": {
+        "value": "{color.purple-grey.100}",
+        "type": "color"
+      },
+      "200": {
+        "value": "{color.purple-grey.200}",
+        "type": "color"
+      },
+      "300": {
+        "value": "{color.purple-grey.300}",
+        "type": "color"
+      },
+      "400": {
+        "value": "{color.purple-grey.400}",
+        "type": "color"
+      },
+      "500": {
+        "value": "{color.purple-grey.500}",
+        "type": "color"
+      },
+      "600": {
+        "value": "{color.purple-grey.600}",
+        "type": "color"
+      },
+      "700": {
+        "value": "{color.purple-grey.700}",
+        "type": "color"
+      },
+      "800": {
+        "value": "{color.purple-grey.800}",
+        "type": "color"
+      },
+      "900": {
+        "value": "{color.purple-grey.900}",
+        "type": "color"
+      },
+      "950": {
+        "value": "{color.purple-grey.950}",
+        "type": "color"
+      }
     }
   }
 }