From 566b52c4e1b438f10aa6290aa6486ddd095708c9 Mon Sep 17 00:00:00 2001 From: Giulio Andreini Date: Thu, 6 Jun 2024 16:29:35 +0200 Subject: [PATCH] fix(editor): Remove transparency from dark mode callouts (#9650) Co-authored-by: Milorad Filipovic --- packages/design-system/src/css/_tokens.dark.scss | 6 +++--- packages/editor-ui/src/components/banners/BaseBanner.vue | 6 ++++++ 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/packages/design-system/src/css/_tokens.dark.scss b/packages/design-system/src/css/_tokens.dark.scss index 4b8288cc42..25ef7c010c 100644 --- a/packages/design-system/src/css/_tokens.dark.scss +++ b/packages/design-system/src/css/_tokens.dark.scss @@ -190,13 +190,13 @@ --color-callout-info-background: var(--prim-gray-740); --color-callout-info-font: var(--prim-gray-0); --color-callout-success-border: var(--color-success); - --color-callout-success-background: var(--prim-color-alt-a-alpha-025); + --color-callout-success-background: var(--prim-color-alt-a-shade-200); --color-callout-success-font: var(--prim-gray-0); --color-callout-warning-border: var(--color-warning); - --color-callout-warning-background: var(--prim-color-alt-b-alpha-02); + --color-callout-warning-background: var(--prim-color-alt-b-shade-350); --color-callout-warning-font: var(--prim-gray-0); --color-callout-danger-border: var(--color-danger); - --color-callout-danger-background: var(--prim-color-alt-c-alpha-02); + --color-callout-danger-background: var(--prim-color-alt-c-shade-250); --color-callout-danger-font: var(--prim-gray-0); --color-callout-danger-icon: var(--color-danger); --color-callout-secondary-border: var(--color-secondary); diff --git a/packages/editor-ui/src/components/banners/BaseBanner.vue b/packages/editor-ui/src/components/banners/BaseBanner.vue index 761305d769..a658bc2bd8 100644 --- a/packages/editor-ui/src/components/banners/BaseBanner.vue +++ b/packages/editor-ui/src/components/banners/BaseBanner.vue @@ -71,4 +71,10 @@ async function onCloseClick() { align-items: center; gap: var(--spacing-l); } + +:global(.n8n-callout) { + border-top: 0; + border-left: 0; + border-right: 0; +}