diff --git a/packages/design-system/src/css/_tokens.dark.scss b/packages/design-system/src/css/_tokens.dark.scss index 18cc3eac93..5ff23bac38 100644 --- a/packages/design-system/src/css/_tokens.dark.scss +++ b/packages/design-system/src/css/_tokens.dark.scss @@ -138,7 +138,7 @@ --color-ndv-droppable-parameter-background: var(--prim-color-primary-alpha-010); --color-ndv-droppable-parameter-active-background: var(--prim-color-alt-a-alpha-015); --color-ndv-back-font: var(--prim-gray-0); - --color-ndv-ouptut-error-font: var(--prim-color-alt-c-tint-150); + --color-ndv-output-error-message: var(--prim-color-alt-c-tint-150); // Notice --color-notice-warning-border: var(--prim-color-alt-b-tint-250); diff --git a/packages/design-system/src/css/_tokens.scss b/packages/design-system/src/css/_tokens.scss index 0487053fe1..c3a90b5a5d 100644 --- a/packages/design-system/src/css/_tokens.scss +++ b/packages/design-system/src/css/_tokens.scss @@ -206,7 +206,7 @@ --color-ndv-droppable-parameter-background: var(--prim-color-secondary-alpha-010); --color-ndv-droppable-parameter-active-background: var(--prim-color-alt-a-alpha-015); --color-ndv-back-font: var(--prim-gray-0); - --color-ndv-ouptut-error-font: var(--prim-color-alt-c); + --color-ndv-output-error-message: var(--prim-color-alt-c); // Notice --color-notice-warning-border: var(--color-warning-tint-1); diff --git a/packages/editor-ui/src/components/Error/NodeErrorView.vue b/packages/editor-ui/src/components/Error/NodeErrorView.vue index f893a32647..bece533d88 100644 --- a/packages/editor-ui/src/components/Error/NodeErrorView.vue +++ b/packages/editor-ui/src/components/Error/NodeErrorView.vue @@ -669,7 +669,7 @@ function copySuccess() { align-items: center; gap: var(--spacing-xs); padding: var(--spacing-xs) var(--spacing-s) var(--spacing-3xs) var(--spacing-s); - color: var(--color-danger); + color: var(--color-ndv-output-error-message); font-weight: var(--font-weight-bold); font-size: var(--font-size-s); }