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;