admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-21 11:49:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Executions view popup in dark mode (#9517)

Browse Source
This commit is contained in:
Giulio Andreini
2024-05-27 15:30:29 +02:00
committed by GitHub
parent 008f62aaf4
commit 1abb26e2da
3 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/design-system/src/css/_tokens.dark.scss
View File

@@ -154,8 +154,11 @@
// Notification
--color-notification-background: var(--prim-gray-740);
// Execution card
// Execution
--execution-card-background-hover: var(--color-foreground-base);
--execution-selector-background: var(--prim-gray-740);
--execution-selector-text: var(--color-text-base);
--execution-select-all-text: var(--color-text-base);
// NDV
--color-run-data-background: var(--prim-gray-800);

5
packages/design-system/src/css/_tokens.scss
View File

@@ -201,13 +201,16 @@
// Notification
--color-notification-background: var(--color-background-xlight);
// Execution card
// Execution
--execution-card-border-success: var(--prim-color-alt-a-tint-300);
--execution-card-border-error: var(--prim-color-alt-c-tint-250);
--execution-card-border-waiting: var(--prim-color-secondary-tint-300);
--execution-card-border-running: var(--prim-color-alt-b-tint-250);
--execution-card-border-unknown: var(--prim-gray-120);
--execution-card-background-hover: var(--color-foreground-light);
--execution-selector-background: var(--color-background-dark);
--execution-selector-text: var(--color-text-xlight);
--execution-select-all-text: var(--color-danger);
// NDV
--color-run-data-background: var(--color-background-base);

6
packages/editor-ui/src/components/executions/global/GlobalExecutionsList.vue
View File

@@ -454,9 +454,9 @@ async function onAutoRefreshToggle(value: boolean) {
left: 50%;
transform: translateX(-50%);
bottom: var(--spacing-3xl);
background: var(--color-background-dark);
background: var(--execution-selector-background);
border-radius: var(--border-radius-base);
color: var(--color-text-xlight);
color: var(--execution-selector-text);
font-size: var(--font-size-2xs);
button {
@@ -534,7 +534,7 @@ async function onAutoRefreshToggle(value: boolean) {
.selectAll {
display: inline-block;
margin: 0 0 var(--spacing-s) var(--spacing-s);
color: var(--color-danger);
color: var(--execution-select-all-text);
}
.filterLoader {