diff --git a/src/lib/components/lines-and-dots/svg/group-details-text.svelte b/src/lib/components/lines-and-dots/svg/group-details-text.svelte index d9d83e244..afe82e2cc 100644 --- a/src/lib/components/lines-and-dots/svg/group-details-text.svelte +++ b/src/lib/components/lines-and-dots/svg/group-details-text.svelte @@ -102,7 +102,7 @@ {/if} --> {:else if shouldDisplayAsExecutionLink(key)} {:else if shouldDisplayChildWorkflowLink(key, attributes)} {value} {:else if shouldDisplayAsTaskQueueLink(key)} - {value} {:else} diff --git a/src/lib/holocene/link.svelte b/src/lib/holocene/link.svelte index 928234805..e5b079059 100644 --- a/src/lib/holocene/link.svelte +++ b/src/lib/holocene/link.svelte @@ -16,7 +16,7 @@ class?: string; icon?: IconName; text?: string; - inverse?: boolean; + light?: boolean; 'data-testid'?: string; }; @@ -27,7 +27,7 @@ export let newTab = false; export let icon: IconName = null; export let text: string = ''; - export let inverse = false; + export let light = false; const onLinkClick = (e: MouseEvent) => { // Skip if middle mouse click or new tab @@ -44,7 +44,7 @@ rel={newTab ? 'noreferrer' : null} class={merge('link', icon ? 'inline-flex' : 'inline', className)} class:active - class:inverse + class:light on:click={onLinkClick} tabindex={href ? null : 0} {...$$restProps} @@ -66,8 +66,8 @@ @apply text-brand; } - &.inverse { - @apply text-inverse hover:text-brand focus-visible:text-brand; + &.light { + @apply text-off-white; } }