From 1ad87b2f84e69bbe58e84970df1072ba13ce0860 Mon Sep 17 00:00:00 2001 From: ZhangWei Date: Wed, 21 May 2025 20:50:36 +0800 Subject: [PATCH] feat: support dark mode for doc-quick-insert (#5244) --- packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx | 2 +- packages/docs-quick-insert-ui/src/views/menu/index.tsx | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx b/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx index 4600884917..6470378907 100644 --- a/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx +++ b/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx @@ -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); diff --git a/packages/docs-quick-insert-ui/src/views/menu/index.tsx b/packages/docs-quick-insert-ui/src/views/menu/index.tsx index 7117d7b512..bd6de166e1 100644 --- a/packages/docs-quick-insert-ui/src/views/menu/index.tsx +++ b/packages/docs-quick-insert-ui/src/views/menu/index.tsx @@ -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} > - + ); };