feat: support dark mode for doc-quick-insert (#5244)

This commit is contained in:
ZhangWei
2025-05-21 20:50:36 +08:00
committed by GitHub
parent 4b4c800cf7
commit 1ad87b2f84
2 changed files with 3 additions and 2 deletions
@@ -256,7 +256,7 @@ export const QuickInsertPopup = () => {
key={menu.id}
className={clsx('univer-w-[calc(220px-var(--padding-base)*2)] univer-text-sm', {
'hover:univer-bg-transparent': !isFocused,
'univer-bg-gray-100': isFocused,
'univer-bg-gray-100 dark:univer-bg-gray-500': isFocused,
})}
onClick={() => {
handleMenuSelect(menu as IDocPopupMenuItem);
@@ -80,6 +80,7 @@ export const QuickInsertButton = ({ className = '' }: IQuickInsertButtonProps) =
univer-mr-1 univer-flex univer-cursor-pointer univer-items-center univer-gap-2.5 univer-rounded-full
univer-p-1.5 univer-shadow-sm
dark:hover:!univer-bg-gray-700
dark:univer-text-gray-200
hover:univer-bg-gray-100
`, borderClassName, {
'univer-bg-gray-100 dark:!univer-bg-gray-700': editPopup,
@@ -89,7 +90,7 @@ export const QuickInsertButton = ({ className = '' }: IQuickInsertButtonProps) =
tabIndex={0}
onClick={onClick}
>
<PlusSingle className="univer-text-gray-800" />
<PlusSingle className="univer-text-gray-800 dark:univer-text-gray-200" />
</div>
);
};