mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-24 04:04:06 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(editor): Hover and active states not showing in execution list on dark mode (#9002)

Browse source 
Co-authored-by: Giulio Andreini <andreini@netseven.it>
This commit is contained in:
Ricardo Espinoza 2024-03-29 11:13:48 -04:00 committed by GitHub
parent 8788e2a35b
commit bead7eb840
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -135,6 +135,9 @@
// Notification // Notification
--color-notification-background: var(--prim-gray-740); --color-notification-background: var(--prim-gray-740);
// Execution card
--execution-card-background-hover: var(--color-foreground-base);
// NDV // NDV
--color-run-data-background: var(--prim-gray-800); --color-run-data-background: var(--prim-gray-800);
--color-ndv-droppable-parameter: var(--prim-color-primary); --color-ndv-droppable-parameter: var(--prim-color-primary);

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

@ -202,6 +202,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-hover: var(--color-foreground-light);
// NDV // NDV
--color-run-data-background: var(--color-background-base); --color-run-data-background: var(--color-background-base);

2
packages/editor-ui/src/components/ExecutionsView/ExecutionCard.vue
View file

@ -159,7 +159,7 @@ export default defineComponent({
&:hover, &:hover,
&.active { &.active {
.executionLink { .executionLink {
background-color: var(--color-foreground-light); background-color: var(--execution-card-background-hover);
} }
} }