style: improve tab background color logic

2025-04-20 21:34:47 +02:00 · 2025-04-20 21:34:47 +02:00 · 1bb70e6380
commit 1bb70e6380
parent 602669a9c0
1 changed files with 4 additions and 3 deletions
--- a/app/components/Snippet.tsx
+++ b/app/components/Snippet.tsx
@ -72,9 +72,10 @@ export function Snippet(props: SnippetProps) {
 									type="button"
 									class={clsx(
 										"flex items-center rounded-full px-2.5",
-										isActive(tab) && props.dark
-											? "bg-slate-800"
-											: "bg-violet-100",
+										isActive(tab) && {
+											"bg-slate-800": props.dark,
+											"bg-violet-100": !props.dark,
+										},
 									)}
 									disabled={!tab.codeLanguage}
 									onClick={() => selectTab(tab.name)}