fix: update tokens in dark and default theme for contrast

Author: serifluous

packages/paste-design-tokens/tokens/aliases/color-palette.yml

@@ -122,8 +122,8 @@ aliases:
   palette-red-20: "#fccfcf"
   palette-red-30: "#f6b1b1"
   palette-red-40: "#f58a8a"
-  palette-red-50: "#eb5656"
-  palette-red-60: "#d61f1f"
+  palette-red-50: "#EC5B5B"
+  palette-red-60: "#DB132A"
   palette-red-65: "#c72323"
   palette-red-70: "#ad1111"
   palette-red-80: "#750c0c"

packages/paste-design-tokens/tokens/global/background-color.yml

@@ -116,7 +116,7 @@ props:
     value: "{!palette-red-60}"
     comment: Background color used for error alerts and toasts.
   color-background-error-weakest:
-    value: "{!palette-red-10}"
+    value: "{!palette-red-05}"
     comment: Weakest background color used for error alerts and toasts.
   color-background-required:
     value: "{!palette-red-50}"
@@ -176,7 +176,7 @@ props:
     value: "{!palette-red-20}"
     comment: Weaker background color used for destructive actions or highlights.
   color-background-destructive-weakest:
-    value: "{!palette-red-10}"
+    value: "{!palette-red-05}"
     comment: Weakest background color used for destructive actions or highlights.
 
   # overlay backgrounds

packages/paste-design-tokens/tokens/themes/dark/aliases/color-palette.yml

@@ -42,7 +42,7 @@ aliases:
   palette-gray-10: "#f4f4f6"
   palette-gray-20: "#e1e3ea"
   palette-gray-30: "#cacdd8"
-  palette-gray-40: "#aeb2c1"
+  palette-gray-40: "#8B93AA"
   palette-gray-50: "#8891aa"
   palette-gray-60: "#606b85"
   palette-gray-70: "#4b5671"
@@ -140,8 +140,8 @@ aliases:
   palette-red-20: "#fccfcf"
   palette-red-30: "#f6b1b1"
   palette-red-40: "#f58a8a"
-  palette-red-50: "#eb5656"
-  palette-red-60: "#d61f1f"
+  palette-red-50: "#EC5B5B"
+  palette-red-60: "#DB132A"
   palette-red-70: "#ad1111"
   palette-red-80: "#750c0c"
   palette-red-90: "#4a0b0b"

packages/paste-design-tokens/tokens/themes/dark/global/border-color.yml

@@ -31,7 +31,7 @@ props:
     value: "{!palette-blue-30}"
     comment: Strong primary border color
   color-border-primary:
-    value: "{!palette-blue-60}"
+    value: "{!palette-blue-55}"
     comment: Primary border color
   color-border-primary-weak:
     value: "{!palette-gray-80}"

packages/paste-design-tokens/tokens/themes/dark/global/box-shadow.yml

@@ -48,7 +48,7 @@ props:
     value: "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-80}"
     comment: "Weaker shadow border for primary interactions."
   shadow-border-primary:
-    value: "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-60}"
+    value: "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-55}"
     comment: "Default shadow border for primary interactions."
   shadow-border-primary-strong:
     value: "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-30}"