mirror of
https://github.com/dream-num/univer.git
synced 2026-09-24 15:32:18 +08:00
feat: support dark mode for doc-quick-insert (#5244)
This commit is contained in:
@@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user