dark mode +

This commit is contained in:
hamid zarghami
2025-12-27 12:06:43 +03:30
parent b9264a9d7e
commit 3402cc6f14
13 changed files with 66 additions and 63 deletions
+7 -5
View File
@@ -65,7 +65,8 @@ function Combobox({ title, options, placeholder, icon: Icon, expanded, selectedI
const selectedOption = options.find((x) => x.id === selectedId);
const activeIcon = selectedOption?.icon && React.createElement(selectedOption.icon, {
size: 16,
className: "inline-block mr-1 stroke-primary"
color: "currentColor",
className: "inline-block mr-1 text-primary dark:text-foreground"
});
const activeImage = selectedOption?.imagePath && (
<Image
@@ -73,7 +74,7 @@ function Combobox({ title, options, placeholder, icon: Icon, expanded, selectedI
alt=""
width={20}
height={20}
className="inline-block mr-1"
className="inline-block mr-1 dark:brightness-0 dark:invert"
/>
);
@@ -133,7 +134,7 @@ function Combobox({ title, options, placeholder, icon: Icon, expanded, selectedI
) : activeIcon ? (
activeIcon
) : (
Icon && <Icon size={16} className="inline-block mr-1 stroke-primary" />
Icon && <Icon size={16} color="currentColor" className="inline-block mr-1 text-primary dark:text-foreground" />
)
}
<span className={clsx(
@@ -190,11 +191,12 @@ function Combobox({ title, options, placeholder, icon: Icon, expanded, selectedI
alt=""
width={16}
height={16}
className="inline-block mr-1"
className="inline-block mr-1 dark:brightness-0 dark:invert"
/>
) : v?.icon && React.createElement(v.icon, {
size: 16,
className: "inline-block mr-1 stroke-primary"
color: "currentColor",
className: "inline-block mr-1 text-primary dark:text-foreground"
})
}
<span className="text-sm2 tracking-[0.13px] leading-5 w-full mt-1">{v.title}</span>