added background/topbar and border/dark colors (#933)

Just added some colors. Making PR becuase Oleg will need these tokens to
build the Builder UI top bar.

---------

Co-authored-by: Bot (build-figma-tokens.yml) <bot@localhost>
Co-authored-by: Roman Pominov <rpominov+github@gmail.com>

packages/design-system/src/__generated__/figma-design-tokens.json

@@ -639,6 +639,11 @@
         "value": "#c7c7c7",
         "type": "color",
         "description": "The color of the Builder UI canvas area background."
+      },
+      "topbar": {
+        "value": "#2d2d2d",
+        "type": "color",
+        "description": "For the Builder UI top bar background color."
       }
     },
     "brand": {
@@ -781,6 +786,11 @@
           "type": "color",
           "description": "border color for destructive toast"
         }
+      },
+      "dark": {
+        "value": "#707375",
+        "type": "color",
+        "description": "For borders that use dark mode colors in light mode like the Builder UI top bar."
       }
     },
     "foreground": {
@@ -1045,6 +1055,8 @@
   },
   "$themes": [],
   "$metadata": {
-    "tokenSetOrder": ["global"]
+    "tokenSetOrder": [
+      "global"
+    ]
   }
-}
+}

packages/design-system/src/__generated__/figma-design-tokens.ts

@@ -323,6 +323,7 @@ export const color = {
   backgroundStyleSourceGradientState:
     "linear-gradient(90deg, #00894a00 0%, #00894a 31.87%)",
   backgroundCanvas: "#c7c7c7",
+  backgroundTopbar: "#2d2d2d",
   brandBackgroundProjectCardFront:
     "linear-gradient(0deg, #fbf8ff 0%, #e2e2e2 100%)",
   brandBackgroundProjectCardBack:
@@ -351,6 +352,7 @@ export const color = {
   borderInheritedFlexUi: "#fa934e",
   borderDestructiveMain: "#de3339",
   borderDestructiveNotification: "#f9c6c6",
+  borderDark: "#707375",
   foregroundMain: "#11181c",
   foregroundSubtle: "#707375",
   foregroundCategoryLabel: "#889096",