docs(info-popup): fix color

maiieul · maiieul · commit 508a6e0c21fc · 2024-04-05T17:49:57.000+02:00
diff --git a/apps/website/src/components/info-popup/info-popup.tsx b/apps/website/src/components/info-popup/info-popup.tsx
@@ -64,7 +64,7 @@ export const InfoPopup = component$((props: InfoProps) => {
         id={popoverTableId}
         class="fade-info listbox rounded-base bg-transparent"
       >
-        <div class="text-md mb-2 max-w-xs rounded-base border-[1px] border-b-2  border-border bg-primary px-3 py-2 font-[500] text-slate-950 shadow-lg sm:w-max">
+        <div class="text-md mb-2 max-w-xs rounded-base border border-b-2 border-border bg-popover px-3 py-2 font-[500] text-foreground shadow-lg sm:w-max">
           {props.info}
         </div>
       </Popover>

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ export const InfoPopup = component$((props: InfoProps) => {`
`64`	`64`	`id={popoverTableId}`
`65`	`65`	`class="fade-info listbox rounded-base bg-transparent"`
`66`	`66`	`>`
`67`		`- <div class="text-md mb-2 max-w-xs rounded-base border-[1px] border-b-2 border-border bg-primary px-3 py-2 font-[500] text-slate-950 shadow-lg sm:w-max">`
	`67`	`+ <div class="text-md mb-2 max-w-xs rounded-base border border-b-2 border-border bg-popover px-3 py-2 font-[500] text-foreground shadow-lg sm:w-max">`
`68`	`68`	`{props.info}`
`69`	`69`	`</div>`
`70`	`70`	`</Popover>`