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;
}
}