From 0cc83299f8fe498b822606f90e99c8348253f5d7 Mon Sep 17 00:00:00 2001
From: Zeke Zhang <958414905@qq.com>
Date: Mon, 17 Mar 2025 10:32:25 +0800
Subject: [PATCH] feat: add colorTextHeaderMenu variable for header menu
 styling (#6482)

---
 .../core/client/src/css-variable/CSSVariableProvider.tsx     | 1 +
 .../client/src/plugin-manager/PinnedPluginListProvider.tsx   | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/packages/core/client/src/css-variable/CSSVariableProvider.tsx b/packages/core/client/src/css-variable/CSSVariableProvider.tsx
index d3c8d28daf..9d5b9d994b 100644
--- a/packages/core/client/src/css-variable/CSSVariableProvider.tsx
+++ b/packages/core/client/src/css-variable/CSSVariableProvider.tsx
@@ -37,6 +37,7 @@ export const CSSVariableProvider = ({ children }) => {
     document.body.style.setProperty('--colorWarningBg', token.colorWarningBg);
     document.body.style.setProperty('--colorWarningBorder', token.colorWarningBorder);
     document.body.style.setProperty('--colorText', token.colorText);
+    document.body.style.setProperty('--colorTextHeaderMenu', token.colorTextHeaderMenu);
     document.body.style.setProperty('--colorPrimaryText', token.colorPrimaryText);
     document.body.style.setProperty('--colorPrimaryTextActive', token.colorPrimaryTextActive);
     document.body.style.setProperty('--colorPrimaryTextHover', token.colorPrimaryTextHover);
diff --git a/packages/core/client/src/plugin-manager/PinnedPluginListProvider.tsx b/packages/core/client/src/plugin-manager/PinnedPluginListProvider.tsx
index b02d8e293f..095a5804c3 100644
--- a/packages/core/client/src/plugin-manager/PinnedPluginListProvider.tsx
+++ b/packages/core/client/src/plugin-manager/PinnedPluginListProvider.tsx
@@ -30,6 +30,11 @@ export const PinnedPluginListProvider: React.FC<{ items: any }> = (props) => {
 const pinnedPluginListClassName = css`
   display: inline-flex;
   align-items: center;
+  color: var(--colorTextHeaderMenu);
+
+  .anticon {
+    color: var(--colorTextHeaderMenu);
+  }
 
   .ant-btn {
     display: inline-flex;