From 795be1c3ac141dce4049650a40e890f729227f7b Mon Sep 17 00:00:00 2001
From: Jannik Stehle <j.stehle@opencloud.eu>
Date: Tue, 14 Jul 2026 14:33:49 +0200
Subject: [PATCH] fix: app top bar resource name colors

Fixes the contrast of the resource name in the app top bar when a
chrome color is set.
---
 packages/web-pkg/src/components/AppTopBar.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/web-pkg/src/components/AppTopBar.vue b/packages/web-pkg/src/components/AppTopBar.vue
index 764bd8820c..9894dac235 100644
--- a/packages/web-pkg/src/components/AppTopBar.vue
+++ b/packages/web-pkg/src/components/AppTopBar.vue
@@ -8,6 +8,7 @@
       color-role="chrome"
       class="mr-2"
       :aria-label="$gettext('Close')"
+      no-hover
       @click="$emit('close')"
     >
       <oc-icon name="close" fill-type="line" />
@@ -19,7 +20,7 @@
         <resource-list-item
           v-if="resource"
           id="app-top-bar-resource"
-          class="[&_.oc-resource-name]:max-w-16 sm:[&_.oc-resource-name]:max-w-60"
+          class="[&_.oc-resource-name]:max-w-16 sm:[&_.oc-resource-name]:max-w-60 [&_.oc-resource-basename]:text-role-on-chrome [&_.oc-resource-extension]:text-role-on-chrome"
           :is-thumbnail-displayed="false"
           :is-extension-displayed="areFileExtensionsShown"
           :resource="resource"
@@ -51,7 +52,7 @@
                   .map((action) => {
                     return {
                       ...action,
-                      class: 'p-1 text-role-on-chrome [&_svg]:!fill-role-on-chrome',
+                      class: 'p-1 text-role-on-chrome [&_svg]:!fill-role-on-chrome no-hover',
                       hideLabel: true
                     }
                   })
@@ -72,6 +73,7 @@
             appearance="raw-inverse"
             color-role="chrome"
             class="p-1"
+            no-hover
           >
             <oc-icon name="more-2" />
           </oc-button>