chore: account for var()

evidence-dev · Jan 29, 2025 · 3e7da29 · 3e7da29
1 parent f08b5d6
commit 3e7da29
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Info.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Info.svelte
@@ -32,7 +32,7 @@
 		role="tooltip"
 	>
 		<slot name="handle">
-			<Icon src={icon} class="w-{size} h-{size} text-[--textColor]" />
+			<Icon src={icon} class="w-{size} h-{size} text-[var(--textColor)]" />
 		</slot>
 	</span>
 	<div slot="content" class="bg-base-100 p-2 rounded-md text-base-content text-xs max-w-52">

diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Tabs/TabDisplay.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Tabs/TabDisplay.svelte
@@ -25,7 +25,7 @@
 
 	const classes = {
 		notActive: `border-b border-base-100 text-base-content-muted hover:text-base-content hover:border-base-300`,
-		active: `border-b-2 border-[--activeColor] -mb-px text-[--activeColor] ${background ? 'bg-[--bgColor]' : ''}`
+		active: `border-b-2 border-[var(--activeColor)] -mb-px text-[var(--activeColor)] ${background ? 'bg-[var(--bgColor)]' : ''}`
 	};
 </script>