Editing tokens (harness#1613)

* added dialog safezone

* color update

Author: cxramina

packages/core-design-system/design-tokens/$themes.json

@@ -15123,6 +15123,7 @@
       "dialog.footer.py": "62fc038a885b1f41712b80f0e2de8a5f11474a0d",
       "dialog.border": "68a6274075e891631508c1eddc559d5624f4bcf5",
       "dialog.radius": "d62efd03278832e19e21fd585fdaa1a349e49cda",
+      "dialog.safezone": "88965332f607393eff7da57a6373c4d4d356e90c",
       "input.size.sm": "edf74ccf6b9a46893ee8f8e5795b3f159c377ecd",
       "input.size.default": "4a95892360734e5c46645204d2e2aec45eb2eeab",
       "input.radius": "5aa981e02cf0c544fba6bbb492d41ec5c76e2160",

packages/core-design-system/design-tokens/components/desktop/base/dialog.json

@@ -33,6 +33,10 @@
     "radius": {
       "$type": "borderRadius",
       "$value": "{rounded.4}"
+    },
+    "safezone": {
+      "$type": "spacing",
+      "$value": "{spacing.10}"
     }
   }
 }

packages/core-design-system/design-tokens/mode/light/default.json

@@ -300,17 +300,17 @@
         },
         "bg": {
           "$type": "color",
-          "$value": "{chrome.50}",
+          "$value": "{chrome.100}",
           "$description": "Background color for subdued gray surfaces."
         },
         "bg-hover": {
           "$type": "color",
-          "$value": "{chrome.100}",
+          "$value": "{chrome.150}",
           "$description": "Hover state background color for interactive soft gray surfaces."
         },
         "bg-selected": {
           "$type": "color",
-          "$value": "{chrome.100}",
+          "$value": "{chrome.150}",
           "$description": "Selected state background color for active soft gray items."
         }
       },