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): Fix execution list hover & selection colour in dark mode (#12628)

Browse source
This commit is contained in:
Tomi Turtiainen 2025-01-16 10:28:41 +02:00 committed by GitHub
parent da8aafc0e3
commit 95c40c02cb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -227,6 +227,7 @@
--color-notification-background: var(--prim-gray-740); --color-notification-background: var(--prim-gray-740);
// Execution // Execution
--execution-card-background: var(--color-foreground-light);
--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-background: var(--prim-gray-740);
--execution-selector-text: var(--color-text-base); --execution-selector-text: var(--color-text-base);

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

@ -289,6 +289,7 @@
--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: var(--color-foreground-xlight);
--execution-card-background-hover: var(--color-foreground-light); --execution-card-background-hover: var(--color-foreground-light);
--execution-card-text-waiting: var(--color-secondary); --execution-card-text-waiting: var(--color-secondary);
--execution-selector-background: var(--color-background-dark); --execution-selector-background: var(--color-background-dark);

4
packages/editor-ui/src/components/executions/workflow/WorkflowExecutionsCard.vue
View file

@ -182,7 +182,7 @@ function onRetryMenuItemSelect(action: string): void {
@import '@/styles/variables'; @import '@/styles/variables';
.WorkflowExecutionsCard { .WorkflowExecutionsCard {
--execution-list-item-background: var(--color-foreground-xlight); --execution-list-item-background: var(--execution-card-background);
--execution-list-item-highlight-background: var(--color-warning-tint-1); --execution-list-item-highlight-background: var(--color-warning-tint-1);
display: flex; display: flex;
@ -200,7 +200,7 @@ function onRetryMenuItemSelect(action: string): void {
&:hover, &:hover,
&.active { &.active {
.executionLink { .executionLink {
--execution-list-item-background: var(--color-foreground-light); --execution-list-item-background: var(--execution-card-background-hover);
} }
} }