(answer) 06/06: fix: Navigation dropdown menu theme color should follow the theme color of the application #1355

[shuai]

This is an automated email from the ASF dual-hosted git repository.

shuai pushed a commit to branch test
in repository https://gitbox.apache.org/repos/asf/answer.git

commit d04d18dff26404540b67ee951f4738d251d05201
Author: shuai <lishuail...@sifou.com>
AuthorDate: Thu Jun 26 17:01:14 2025 +0800

    fix: Navigation dropdown menu theme color should follow the theme color of 
the application #1355
---
 ui/src/components/Header/components/NavItems/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/Header/components/NavItems/index.tsx 
b/ui/src/components/Header/components/NavItems/index.tsx
index 3dbed4e4..ce373867 100644
--- a/ui/src/components/Header/components/NavItems/index.tsx
+++ b/ui/src/components/Header/components/NavItems/index.tsx
@@ -24,7 +24,7 @@ import { NavLink, useNavigate } from 'react-router-dom';
 
 import type * as Type from '@/common/interface';
 import { Avatar, Icon } from '@/components';
-import { floppyNavigation } from '@/utils';
+import { floppyNavigation, isDarkTheme } from '@/utils';
 import { userCenterStore } from '@/stores';
 import { REACT_BASE_PATH } from '@/router/alias';
 
@@ -80,7 +80,7 @@ const Index: FC<Props> = ({ redDot, userInfo, logOut }) => {
         </NavLink>
       </Nav>
 
-      <Dropdown align="end">
+      <Dropdown align="end" data-bs-theme={isDarkTheme() ? 'dark' : 'light'}>
         <Dropdown.Toggle
           variant="success"
           id="dropdown-basic"