mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-01-30 22:02:03 -08:00
Code Issues Actions 1 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);
// Execution
--execution-card-background: var(--color-foreground-light);
--execution-card-background-hover: var(--color-foreground-base);
--execution-selector-background: var(--prim-gray-740);
--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-running: var(--prim-color-alt-b-tint-250);
--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-text-waiting: var(--color-secondary);
--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';
.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);
display: flex;
@ -200,7 +200,7 @@ function onRetryMenuItemSelect(action: string): void {
&:hover,
&.active {
.executionLink {
--execution-list-item-background: var(--color-foreground-light);
--execution-list-item-background: var(--execution-card-background-hover);
}
}