diff --git a/packages/frontend/@n8n/design-system/src/css/_tokens.dark.scss b/packages/frontend/@n8n/design-system/src/css/_tokens.dark.scss index b5c5882f93..81a018ff5c 100644 --- a/packages/frontend/@n8n/design-system/src/css/_tokens.dark.scss +++ b/packages/frontend/@n8n/design-system/src/css/_tokens.dark.scss @@ -208,14 +208,14 @@ // Button secondary --color-button-secondary-font: var(--p-gray-070); - --color-button-secondary-border: var(--p-gray-070); - --color-button-secondary-background: transparent; + --color-button-secondary-border: var(--color-foreground-base); + --color-button-secondary-background: var(--color-background-light); --color-button-secondary-hover-active-focus-font: var(--p-color-primary-220); - --color-button-secondary-hover-background: transparent; + --color-button-secondary-hover-background: var(--color-background-light); --color-button-secondary-active-focus-background: var(--p-color-primary-320-a-010); --color-button-secondary-focus-outline: var(--p-color-primary-320-a-035); --color-button-secondary-disabled-font: var(--p-white-a-030); - --color-button-secondary-disabled-border: var(--p-white-a-030); + --color-button-secondary-disabled-border: var(--color-foreground-base); // Button highlight --color-button-highlight-font: var(--prim-gray-320); @@ -259,8 +259,8 @@ // Execution --execution-card-background: var(--color-foreground-light); --execution-card-background-hover: var(--color-foreground-base); - --execution-selector-background: var(--p-gray-740); - --execution-selector-text: var(--color-text-base); + --execution-selector-background: var(--color-background-dark); + --execution-selector-text: var(--color-text-xlight); --execution-select-all-text: var(--color-text-base); --execution-card-text-waiting: var(--p-color-secondary-370); diff --git a/packages/frontend/editor-ui/src/n8n-theme.scss b/packages/frontend/editor-ui/src/n8n-theme.scss index e09869428f..24af366368 100644 --- a/packages/frontend/editor-ui/src/n8n-theme.scss +++ b/packages/frontend/editor-ui/src/n8n-theme.scss @@ -70,7 +70,7 @@ } .el-message-box { - background-color: var(--color-background-base); + background-color: var(--color-background-light); border: none; .el-message-box__headerbtn { .el-message-box__close {