mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-02 07:01:30 -08:00
Code Issues Actions 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
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 11 additions and 5 deletions
Show stats 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 // Notification
--color-notification-background: var(--prim-gray-740); --color-notification-background: var(--prim-gray-740);
// Execution card // Execution
--execution-card-background-hover: var(--color-foreground-base); --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 // NDV
--color-run-data-background: var(--prim-gray-800); --color-run-data-background: var(--prim-gray-800);

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

@ -201,13 +201,16 @@
// Notification // Notification
--color-notification-background: var(--color-background-xlight); --color-notification-background: var(--color-background-xlight);
// Execution card // Execution
--execution-card-border-success: var(--prim-color-alt-a-tint-300); --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-error: var(--prim-color-alt-c-tint-250);
--execution-card-border-waiting: var(--prim-color-secondary-tint-300); --execution-card-border-waiting: var(--prim-color-secondary-tint-300);
--execution-card-border-running: var(--prim-color-alt-b-tint-250); --execution-card-border-running: var(--prim-color-alt-b-tint-250);
--execution-card-border-unknown: var(--prim-gray-120); --execution-card-border-unknown: var(--prim-gray-120);
--execution-card-background-hover: var(--color-foreground-light); --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 // NDV
--color-run-data-background: var(--color-background-base); --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%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: var(--spacing-3xl); bottom: var(--spacing-3xl);
background: var(--color-background-dark); background: var(--execution-selector-background);
border-radius: var(--border-radius-base); border-radius: var(--border-radius-base);
color: var(--color-text-xlight); color: var(--execution-selector-text);
font-size: var(--font-size-2xs); font-size: var(--font-size-2xs);
button { button {
@ -534,7 +534,7 @@ async function onAutoRefreshToggle(value: boolean) {
.selectAll { .selectAll {
display: inline-block; display: inline-block;
margin: 0 0 var(--spacing-s) var(--spacing-s); margin: 0 0 var(--spacing-s) var(--spacing-s);
color: var(--color-danger); color: var(--execution-select-all-text);
} }
.filterLoader { .filterLoader {