From c6664cff197290e230022640943e360d3f573da3 Mon Sep 17 00:00:00 2001
From: joostdecock <joost@joost.at>
Date: Sat, 19 Apr 2025 19:05:56 +0200
Subject: [PATCH] [react] fix: Background in menus

---
 packages/react/components/Editor/components/Accordion.mjs | 2 +-
 .../react/components/Editor/components/HeaderMenu.mjs     | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/react/components/Editor/components/Accordion.mjs b/packages/react/components/Editor/components/Accordion.mjs
index 6c597eeff7d..d92a1d4df82 100644
--- a/packages/react/components/Editor/components/Accordion.mjs
+++ b/packages/react/components/Editor/components/Accordion.mjs
@@ -11,7 +11,7 @@ const getProps = (isActive = false) => ({
 
 const getSubProps = (isActive) => ({
   className: `tw:p-0 tw:rounded-none tw:bg-transparent tw:w-full tw:h-auto
-  tw:content-start tw:bg-secondary/20 tw:text-left tw:list-none`,
+  tw:content-start tw:text-left tw:list-none`,
 })
 
 const components = {
diff --git a/packages/react/components/Editor/components/HeaderMenu.mjs b/packages/react/components/Editor/components/HeaderMenu.mjs
index 903cc86d09b..cac15ebe357 100644
--- a/packages/react/components/Editor/components/HeaderMenu.mjs
+++ b/packages/react/components/Editor/components/HeaderMenu.mjs
@@ -543,11 +543,13 @@ export const HeaderMenuViewMenu = (props) => {
           <a
             className={`tw:w-full tw:text-base-content
             tw:flex tw:flex-row tw:items-center tw:gap-2 tw:md:gap-4 tw:p-2 tw:px-4
-            tw:hover:cursor-pointer tw:hover:text-base-content tw:hover:cursor-pointer
-            tw:hover:bg-secondary/20 ${viewName === state.view ? 'tw:bg-secondary/20' : ''}`}
+            tw:hover:cursor-pointer tw:hover:text-base-content tw:hover:cursor-pointer`}
             onClick={() => update.view(viewName)}
           >
-            <ViewIcon view={viewName} className="tw:w-6 tw:h-6 tw:grow-0 tw:text-base-content" />
+            <ViewIcon
+              view={viewName}
+              className={`tw:w-6 tw:h-6 tw:grow-0 ${viewName === state.view ? 'tw:text-secondary' : 'tw:text-base-content'}`}
+            />
             <span className="tw:text-left tw:grow tw:font-medium tw:text-base-content">
               {viewLabels[viewName]?.t || viewName}
             </span>