feat: components with custom background use transparent background

src/components/TabSwitch.tsx

@@ -12,9 +12,19 @@ export default function TabSwitch({
   setCurrentTab: (tab: string) => void
 }) {
   const { t } = useTranslation()
+  const customBackgroundImage =
+    // @ts-expect-error ShowNetTransfer is a global variable
+    (window.CustomBackgroundImage as string) !== "" ? window.CustomBackgroundImage : undefined
   return (
     <div className="z-50 flex flex-col items-start rounded-[50px]">
-      <div className="flex items-center gap-1 rounded-[50px] bg-stone-100 p-[3px] dark:bg-stone-800">
+      <div
+        className={cn(
+          "flex items-center gap-1 rounded-[50px] bg-stone-100 p-[3px] dark:bg-stone-800",
+          {
+            "bg-stone-100/50 dark:bg-stone-800/50": customBackgroundImage,
+          },
+        )}
+      >
         {tabs.map((tab: string) => (
           <div
             key={tab}